Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
iOSアプリ開発におけるAuto Layout
Search
waka waka
February 19, 2023
Programming
2
71
iOSアプリ開発におけるAuto Layout
学生自主勉強会
【内容】iOSアプリ開発におけるAutoLayoutについて
waka waka
February 19, 2023
Tweet
Share
Other Decks in Programming
See All in Programming
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
300
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
270
個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!
lovee
0
340
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
『品質』という言葉が嫌いな理由
korimu
0
160
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
3
4.1k
Formの複雑さに立ち向かう
bmthd
1
720
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
220
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
950
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Optimizing for Happiness
mojombo
376
70k
Become a Pro
speakerdeck
PRO
26
5.1k
The Cult of Friendly URLs
andyhume
78
6.2k
A designer walks into a library…
pauljervisheath
205
24k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
We Have a Design System, Now What?
morganepeng
51
7.4k
Transcript
एྛ྄ޗ iOSΞϓϦ։ൃʹ͓͚ΔAutoLayout
AutoLayoutͱ AutoLayoutͱ͍͏ͷʮ੍ʢConstraintʣʯΛ༻͍ͨϨΠΞτํ๏Ͱ͢ɻ AutoLayoutΛઃఆͨ͠߹ AutoLayoutΛઃఆ͍ͯ͠ͳ͍߹ ϘλϯϥϕϧͳͲͷҐஔΛͳͲͰࢦఆ͠ɺͦΕͧΕͷը໘αΠζʹ߹ΘͤΔ
X্࣠ͷਅΜதʹஔ͍ͨ͠߹ Horizontally in Container Y্࣠ͷਅΜதʹஔ͍ͨ͠߹ Vertically in Container Horizontally in
Container ͱVertically in Container ( 0 , 0 ) iOSΞϓϦࠨ্Λݪʢ0, 0ʣ X࣠ʹ͍ͭͯӈʹߦ͘΄Ͳϓϥε Y࣠ʹ͍ͭͯԼʹߦ͘΄Ͳϓϥε X࣠ Y࣠
Ͱ੍Λ͚ͭΔ બͨ͠ViewͷྡͷViewͱͷεϖʔεαΠζͷؔΛද͢ ɾSpacing to nearest - ྡͷViewͱͷڑ ɾWidth - ԣ෯ͷ͞
ɾHeight - ߴ͞ ɾEqual Width - ಉ͡෯ʹ͢Δ ɾEqual Heights - ಉ͡ߴ͞ʹ͢Δ ɾAspect Ratio - ΞεϖΫτൺΛݻఆ͢Δ
StackView - ಉ͡Α͏ͳΦϒδΣΫτΛ·ͱΊͯҰͭͷΦϒδΣΫτʹͯ͘͠ΕΔͱ͍͏ΦϒδΣΫτ StackViewΛ͏ͱઃఆ͢Δ੍Λ࠷খݶʹ͢Δ͜ͱ͕Ͱ͖Δ Vertically Stack View - ਨํʢY࣠ʣʹΦϒδΣΫτΛฒΔ StackView
Horizontally Stack View - ਫฏํʢX࣠ʣʹΦϒδΣΫτΛฒΔ
ϩάΠϯը໘࡞ iPhone 14 Pro iPhone SE (3rd)