Adaptive Layout Workshop

The slides which accompany the adaptive layout workshop presented at (amongst others) MobOS 2015.

Transcript

1. Adaptive Layout Workshop Sam Davies @iwantmyrealname github.com/sammyd/adaptive-layout-workshop
2. Requirements • Xcode 6.1 • AdaptiveWeaponry sample project
3. Plan • AutoLayout refresher • Intro to size classes • Installable constraints • Handling rotation in a post-rotation world • Adaptive fonts • Configurable constraints • Installable Views
4. Auto Layout Refresher
5. Adaptive Layout
6. In the beginning there was...
7. In the beginning there was...
8. In the beginning there was...
9. In the beginning there was...
10. In the beginning there was...
11. In the beginning there was...
12. In the beginning there was... ...a total of 10 different layouts
13. in the past
14. this doesn't scale
15. introducing Adaptive Layout • Abstracts layout away from device specifics • Introducing concept of size classes • Available in iOS 8 • Fully supported in Xcode and IB
16. "amount of space available for content"
17. Size classes
18. Size classes
19. Size classes
20. 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
21. Let's Go!
22. Useful Links sam ⁶ @iwantmyrealname code ⁶ github.com/sammyd/adaptive-layout-workshop free book ⁶ shinobicontrols.com/ios8 competition ⁶ shinobicontrols.com/giveaway Thanks!