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
76

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

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

waka waka

February 19, 2023
Tweet

Other Decks in Programming

See All in Programming
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
Avatar for shimabox shimabox
2
240
Webからモバイルへ Vue.js × Capacitor 活用事例
Avatar for Naoki Haba naokihaba
0
760
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
Avatar for アキキー akihisaikeda
3
300
Java on Azure で LangGraph！
Avatar for Kohei Saito kohei3110
0
170
WindowInsetsだってテストしたい
Avatar for RyuNen344 ryunen344
1
190
GoのGenericsによるslice操作との付き合い方
Avatar for syumai syumai
3
680
AIネイティブなプロダクトをGolangで挑む取り組み
Avatar for nmatsumoto4 nmatsumoto4
0
120
童醫院敏捷轉型的實踐經驗
Avatar for Max Lai cclai999
0
160
datadog dash 2025 LLM observability for reliability and stability
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
110
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
290
ドメインモデリングにおける抽象の役割、tagless-finalによるDSL構築、そして型安全な最適化
Avatar for Kenichi SUZUKI knih
11
2k
関数型まつり2025登壇資料「関数プログラミングと再帰」
Avatar for Taison Tsukada taisontsukada
2
840

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
44
3.4k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
790
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k

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)