go back to main index

1. Introduction

1. 1. Auto Layout and Size Classes
2. 2. What We Will Cover

2. AutoLayout Basic Concepts

At a glance: Notes

1. 1. Constraints
2. 2. Pins
3. 3. Aligns
4. 4. The Resolver
5. 5. Constraint Errors
   • Misplaced Views
   • Missing Constraints
   • Conflicting Constraints

3. Beginning Auto Layout

At a glance: Notes

1. 1. Set up the project
2. 2. Stack Order in the Storyboard
3. 3. Center the Text view
4. 4. Pin the Label
5. 5. Constraints with control drag
6. 6. Nearest Neighbors for Pins
7. 7. Top Align the chesse button
8. 8. Filling the space with the text view
9. 9. Using Equal Widths and Equal Heights

4. Size classes

At a glance: Notes

1. 1. Size Class Traits
2. 2. Viewing Size Classes
3. 3. Changing Class Sizes

5. Compact Width Size Class

At a glance: Notes

1. 1. Setting Up the Project
2. 2. Move the Text View
3. 3. Move the Cheese Button
4. 4. Set Equal Widths
5. 5. Constraints in the Document Outline
6. 6. Vertical Sizing the Text View
7. 7. Resizing the Done Button
8. 8. Checking Work with Preview

6. Proportional Sizes And The Multiplier

At a glance: Notes

1. 1. Reverse Multipliers and Relation Order

7. Regular Sizes Classes

At a glance: Notes

1. 1. Setting up Xcode
2. 2. Text View's Vertical Constraint
3. 3. Move the Done Button
4. 4. Constraint the Done Button
5. 5. Set the Middle Cheese Button
6. 6. Make a smaller Done Button
7. 7. Reclaim Bottom Space

8. Conflicting Constraints

At a glance: Notes

1. 1. Finding Constraint Problems
2. 2. Delete Constraints: The Cheese Button
3. 3. The Pepperoni Button
4. 4. Clearing Constraints
5. 5. Some Tips for Class Sizes and Layout

9. Multitasking Size Classes

At a glance: Notes

0. 1. Multitasking Size Classes - Intro
1. 2. The 1/3 Size Pane
2. 3. The 2/3 Size Pane
3. 4. The 1/2 Size Pane
4. 5. iPad is Now iPhone

10. Stack Views

At a glance: Notes

1. 1. Create a New View
2. 2. Horizontal Stack Views
3. 3. Vertical Stack Views
4. 4. Embedded Stack Views
5. 5. If you get errors
6. 6. Titling a Switch
7. 7. Size Classes and Stack Views

11. Images

At a glance: Notes

1. 1. The Assets Folder
2. 2. The Launch Screen
3. 3. Change Title Position
4. 4. Using Photos Smaller than the Superview

12. Advanced Constraints

At a glance: Notes

1. 1. Advance Constraints - Intro
2. 2. Set up the project
3. 3. Under the hood
4. 4. A Constraint Problem
5. 5. Where Size Classes Fear to Tread
6. 6. Using Inequalities
   • Stretching Views
7. 7. Changing Priorities
8. 8. Content Hugging
9. 9. Content Compression Resistance
10. 10. Stack Views an Priorities
11. 11. Fill Distribution and Priorities