Overview
-
Learn how to use Auto Layout programmatically to create user interfaces for multiple iOS devices.
Syllabus
-
Introduction
- Welcome
- What you should know
- Warming up the simulators
- Using the exercise files
- Views and frames
- Why use programmatic Auto Layout?
- Understand pins, aligns, and sizes
- Errors in Auto Layout
- Challenge: Planning Auto Layout
- Solution: Planning Auto Layout
- The Auto Layout notation
- Basic preparation
- Pin and size individual constraints
- Anchors and the safe area
- Align views
- Errors in Auto Layout
- Size views with multipliers
- Aspect ratio with multipliers
- Challenge: Oatmeal
- Solution: Oatmeal
- Prepare for the Visual Format Language
- Visual Format basics
- Visual Format pin constants
- Alignment and multiple constraints
- Use sizes with Visual Format
- Metrics, margins, and anchors
- Errors in Visual Format
- Challenge: Peanut butter
- Solution: Peanut butter
- Add a stack view
- The alignment property and size
- The distribution property and size
- Images in stack views
- Nest stack views
- Challenge: Spring rolls
- Solution: Spring rolls
- Embed subviews
- Add constraints to subviews
- Add Visual Format Language to subviews
- Intrinsic content size
- Inequalities in constraints
- Priorities in coded constraints
- Size ranges in Visual Format
- Challenge: Pasta
- Solution: Pasta
- Why use size classes?
- Trait collections
- Determine the size class
- Dynamic trait changes on iPhone
- Dynamic trait changes on iPad
- Dynamic trait changes on iPad (continued)
- Challenge: Cake
- Solution: Cake
- Next steps
