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
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
150
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
12
4.4k
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
4
1.9k
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
740
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
250
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
140
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
150
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
170
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.8k
DROBEの生成AI活用事例 with AWS
ippey
0
140
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
210
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
210
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Code Reviewing Like a Champion
maltzj
521
39k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Making Projects Easy
brettharned
116
6k
BBQ
matthewcrist
87
9.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
The Language of Interfaces
destraynor
156
24k
The Pragmatic Product Professional
lauravandoore
32
6.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)