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
82
2

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

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

Avatar for waka waka

waka waka

February 19, 2023

Other Decks in Programming

See All in Programming
AWS re：Invent 2025の少し振り返り ＋ DevOps AgentとBacklogを連携させてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
3
170
PHPer、Cloudflare に引っ越す
Avatar for Suguru Oki / スー suguruooki
1
100
Lightning-Fast Method Calls with Ruby 4.1 ZJIT / RubyKaigi 2026
Avatar for Takashi Kokubun k0kubun
3
1.1k
実践CRDT
Avatar for tamadeveloper tamadeveloper
0
590
Kingdom of the Machine
Avatar for yui-knk yui_knk
2
800
SREに優しいTerraform構成 modulesとstateの組み方
Avatar for hiyanger hiyanger
2
150
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
Avatar for memory m3m0r7
PRO
0
570
PHP で mp3 プレイヤーを実装しよう
Avatar for memory m3m0r7
PRO
0
290
VueエンジニアがReactを触って感じた_設計の違い
Avatar for kouki.miura koukimiura
0
180
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
Avatar for r-kagaya rkaga
24
14k
JOAI2026 1st solution - heron0519 -
Avatar for heron0519 heron0519
0
140
AWSコミュニティ活動は顧客のクラウド推進に効くのか / Do AWS community activities help customers adopt the cloud?
Avatar for shiro seike seike460
PRO
0
150

Featured

See All Featured
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
290
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.5k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
760
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
430
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
490
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
200
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
540

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)