Given by Step Christopher at NSSpain 2015 conference. Auto layout lightning talk ns spain 2015.09.18

1. Step Christopher @randomstep

2. Everything about Auto Layout
In 3 hours

3. Auto Layout Path to Mastery
In 5 minutes

12. 2 Horizontal2 Vertical

13. Anchor Views

14. [demo of play controls]

15. [demo of play controls]

16. Debug (White Belt)
• Delete all constraints
• Start over

18. Tips (White Belt)
• Name your views in IB
• Name your constraints too!
• Think Locally (where should this view get its
size and position)
• Find a Sensei

19. Debug (Brown Belt)
• Preview pane: to see multiple sizes
• IB Structure and constraint inspectors: to
understand issues
• Debug View Hierarchy (Reveal and Spark
Inspector): to see runtime results

20. Tips (Brown Belt)
• Think Relatively
• Intrinsic Constraints
• Compression & Hugging

21. Debug (Black Belt)
• IB simulated sizes: force issues
• Cocoa Layout Instrument: inspect flow

22. Cocoa Layout Instrument

23. Cocoa Layout Instrument

24. Tips (Black Belt)
• Priorities: Preferred
• Max and Min
• Delete (don’t be afraid)
• Know when not to use

25. More Resources
• Apple: Adopting Auto Layout Guide
• WWDC Introduction to Auto Layout (2012 - 202)
• WWDC Mysteries of Auto Layout (2015, parts 1
and 2)
• Autolayout for everyone - NSSpain 2014
• Technical Note TN2154 - UIScrollView And
Autolayout

26. More Resources
• https://github.com/Masonry/Masonry
• https://github.com/floriankugler/FLKAutoLayout
• https://github.com/robotmedia/Lyt
• http://bignerdranch.com/blog

27. Big Nerd Ranch Guides

28. Thank You
step@bignerdranch.com @randomstep