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
81

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

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

Avatar for waka waka

waka waka

February 19, 2023
Tweet

Other Decks in Programming

See All in Programming
Geminiをパートナーに神社DXシステムを個人開発した話（いなめぐDX 開発振り返り）
Avatar for T. Fujiba fujiba
0
100
Nuxt Server Components
Avatar for wattanx wattanx
0
120
How to stabilize UI tests using XCTest
Avatar for Akio Itaya akkeylab
0
140
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
230
20260228_JAWS_Beginner_Kansai
Avatar for Takuya Yonezawa takuyay0ne
5
620
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
160
PHP でエミュレータを自作して Ubuntu を動かそう
Avatar for memory m3m0r7
PRO
2
140
「効かない！」依存性注入（DI）を活用したAPI Platformのエラーハンドリング奮闘記
Avatar for Maki Hayashi mkmk884
0
180
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
380
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
1k
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
Avatar for nnaka2992 nnaka2992
0
180
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
320

Featured

See All Featured
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
270
Fireside Chat
Avatar for paigeccino paigeccino
42
3.8k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
220
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
990
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.5k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
490
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k

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)