Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

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

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

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

Avatar for waka waka

waka waka

February 19, 2023

Other Decks in Programming

See All in Programming
The Rails Doctrine Decade
Avatar for Koichi ITO koic
2
100
AI活用は、個人から組織へ｜マルチプレイヤーエージェントハーネス「QM」の社内活用事例 / AI use is moving from individuals to orgs
Avatar for r-kagaya rkaga
1
120
アクセシビリティから考える情報設計
Avatar for high-g high_g_engineer
0
380
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
Avatar for danybony danybony
1
260
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
『寄り添うラジオ』をAIで作る 体験価値から逆算した、会話しないUXと品質設計
Avatar for テオリア・テクノロジーズ theoriatec2024
3
180
Jetpack Compose メカニズム
Avatar for Jaewoong skydoves
0
440
wkhtmltopdfの次どうするか問題2026
Avatar for Shinichi Maeshima willnet
2
1.5k
モジュールの視点からSwiftを読み解く #iosdc
Avatar for Shigure Shimotori s_shimotori
0
180
Java 27新機能 / Java 27 new features
Avatar for Naoki Kishida kishida
2
150
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
150
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
Avatar for Trickart trickart
0
190

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
192
12k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
500
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
240
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
550
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
560
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
280

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)