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
98
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
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
710
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
630
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
940
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
230
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
150
CursorはMCPを使った方が良いぞ
taigakono
1
220
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
180
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
280
Deep Dive into ~/.claude/projects
hiragram
12
2.4k
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
250
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
350
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Embracing the Ebb and Flow
colly
86
4.7k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
730
BBQ
matthewcrist
89
9.7k
Being A Developer After 40
akosma
90
590k
Optimizing for Happiness
mojombo
379
70k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Typedesign – Prime Four
hannesfritz
42
2.7k
Building Adaptive Systems
keathley
43
2.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
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!