Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Adaptive Layout Workshop
Search
sammyd
February 20, 2015
Programming
0
340
Adaptive Layout Workshop
The slides which accompany the adaptive layout workshop presented at (amongst others) MobOS 2015.
sammyd
February 20, 2015
Tweet
Share
More Decks by sammyd
See All by sammyd
Core Image: Great when it works
sammyd
1
500
iOS Views & Animations: Learning by stealing
sammyd
1
170
Machine Learning on Mobile—a primer
sammyd
0
97
Core ML: A whistlestop tour
sammyd
1
150
DIY DI
sammyd
2
110
iOSConfSG 2017: Decoding Codable
sammyd
3
190
Machine Learning: deciphering the hype
sammyd
0
130
Notify Me, Notify You. Aha!
sammyd
1
170
SwiftConf 2016: Concurrency on iOS
sammyd
1
170
Other Decks in Programming
See All in Programming
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
350
ニーリーにおけるプロダクトエンジニア
nealle
0
750
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
630
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
890
Discover Metal 4
rei315
2
110
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
320
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
190
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
120
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
560
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
440
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.5k
How STYLIGHT went responsive
nonsquared
100
5.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Side Projects
sachag
455
42k
A designer walks into a library…
pauljervisheath
207
24k
What's in a price? How to price your products and services
michaelherold
246
12k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Fireside Chat
paigeccino
37
3.5k
The Language of Interfaces
destraynor
158
25k
A Tale of Four Properties
chriscoyier
160
23k
Transcript
Adaptive Layout Workshop Sam Davies @iwantmyrealname github.com/sammyd/adaptive-layout-workshop
Requirements • Xcode 6.1 • AdaptiveWeaponry sample project
Plan • AutoLayout refresher • Intro to size classes •
Installable constraints • Handling rotation in a post-rotation world • Adaptive fonts • Configurable constraints • Installable Views
Auto Layout Refresher
Adaptive Layout
In the beginning there was...
In the beginning there was...
In the beginning there was...
In the beginning there was...
In the beginning there was...
In the beginning there was...
In the beginning there was... ...a total of 10 different
layouts
in the past
this doesn't scale
introducing Adaptive Layout • Abstracts layout away from device specifics
• Introducing concept of size classes • Available in iOS 8 • Fully supported in Xcode and IB
"amount of space available for content"
Size classes
Size classes
Size classes
Approach to adaptive layout 1. Build base layout 2. Choose
size class override 3. Uninstall irrelevant constraints 4. Add new constraints specific to size class 5. Rinse and repeat
Let's Go!
Useful Links sam ⁶ @iwantmyrealname code ⁶ github.com/sammyd/adaptive-layout-workshop free book
⁶ shinobicontrols.com/ios8 competition ⁶ shinobicontrols.com/giveaway Thanks!