Upgrade to Pro — share decks privately, control downloads, hide ads and more …

iOSアプリ開発におけるAuto Layout

Avatar for waka waka waka waka
February 19, 2023
Programming
2
80

iOSアプリ開発におけるAuto Layout

学生自主勉強会
【内容】iOSアプリ開発におけるAutoLayoutについて

Avatar for waka waka

waka waka

February 19, 2023
Tweet

Other Decks in Programming

See All in Programming
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
280
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.6k
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
120
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
310

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
610
70k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
650
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
110
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.7k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410

Transcript

  1. एྛ྄ޗ iOSΞϓϦ։ൃʹ͓͚ΔAutoLayout

  2. AutoLayoutͱ͸ AutoLayoutͱ͍͏ͷ͸ʮ੍໿ʢConstraintʣʯΛ༻͍ͨϨΠΞ΢τํ๏Ͱ͢ɻ AutoLayoutΛઃఆͨ͠৔߹ AutoLayoutΛઃఆ͍ͯ͠ͳ͍৔߹ Ϙλϯ΍ϥϕϧͳͲͷҐஔΛ਺஋ͳͲͰࢦఆ͠ɺͦΕͧΕͷը໘αΠζʹ߹ΘͤΔ

  3. X্࣠ͷਅΜதʹ഑ஔ͍ͨ͠৔߹ Horizontally in Container Y্࣠ͷਅΜதʹ഑ஔ͍ͨ͠৔߹ Vertically in Container Horizontally in

    Container ͱVertically in Container ( 0 , 0 ) iOSΞϓϦ͸ࠨ্Λݪ఺ʢ0, 0ʣ X࣠ʹ͍ͭͯ͸ӈʹߦ͘΄Ͳϓϥε Y࣠ʹ͍ͭͯ͸Լʹߦ͘΄Ͳϓϥε X࣠ Y࣠

  4. ਺஋Ͱ੍໿Λ͚ͭΔ બ୒ͨ͠ViewͷྡͷViewͱͷεϖʔε΍αΠζͷؔ܎Λද͢ ɾSpacing to nearest - ྡͷViewͱͷڑ཭ ɾWidth - ԣ෯ͷ௕͞

    ɾHeight - ߴ͞ ɾEqual Width - ಉ͡෯ʹ͢Δ ɾEqual Heights - ಉ͡ߴ͞ʹ͢Δ ɾAspect Ratio - ΞεϖΫτൺΛݻఆ͢Δ

  5. StackView - ಉ͡Α͏ͳΦϒδΣΫτΛ·ͱΊͯҰͭͷΦϒδΣΫτʹͯ͘͠ΕΔͱ͍͏ΦϒδΣΫτ StackViewΛ࢖͏ͱઃఆ͢Δ੍໿Λ࠷খݶʹ͢Δ͜ͱ͕Ͱ͖Δ Vertically Stack View - ਨ௚ํ޲ʢY࣠ʣʹΦϒδΣΫτΛฒ΂Δ StackView

    Horizontally Stack View - ਫฏํ޲ʢX࣠ʣʹΦϒδΣΫτΛฒ΂Δ

  6. ϩάΠϯը໘࡞੒ iPhone 14 Pro iPhone SE (3rd)