This document discusses Auto Layout and Stack Views in iOS development. It covers using Auto Layout to create interfaces that adapt to different device sizes, creating alignment and size constraints, resolving constraint issues, and using the safe area layout guide. Stack views are introduced as a way to lay out views with attributes like distribution, alignment and spacing. Size classes are explained for adapting interfaces on different devices like iPad and iPhone models. The document concludes with a lab assignment to build a calculator app using views, constraints and stack views.

1. Lesson 2—10:
Auto Layout and Stack Views

2. Layout for multiple sizes

3. View as:
Interface Builder

4. Why Auto Layout?

5. Create alignment constraints
Text

6. Create size constraints
Text

7. Resolve constraint issues
Text

8. Safe area layout guide

9. Resolve constraint warnings
Text

10. Constraints between siblings

11. Stack views
Text

12. Stack view attributes
Stack views
Distribution
Alignment
Spacing

13. Size classes
Any
Any

14. Size classes
Compact
Regular

15. Size classes
Regular
Compact

16. Size classes
Compact
Compact

17. iPad
Size classes
Regular
height
Regular
width
Regular
width
Regular
height

18. iPhone
Size classes
Regular
height
Compact
width
Compact
width
Compact height

19. iPhone 6 Plus, iPhone 7 Plus, and iPhone 8 Plus
Size classes
Compact height
Regular
width

20. Auto Layout and Stack Views
Unit 2—Lesson 10
Learn the fundamentals of Auto Layout for building precisely designed user
interfaces.

21. Lab: Calculator
Unit 2—Lesson 10
Use view objects, constraints, and stack views to create
a simple calculator that maintains its layout on all device
sizes.

22. © 2017 Apple Inc.
This work is licensed by Apple Inc. under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International license.