Mastering Auto Layout

Dive a little deeper into auto layout. Learn more about creating complex constraints and creating universal layouts for all devices. By Jessy Catterwaul & Catie Catterwaul.

2.5 (28) · 2 Reviews

Save for later
Comments
Share

Part 1: Constraints

01
Toggle description

Join us for a tour of the Auto Layout features that will allow you to create universal layouts that work great on all devices.

Toggle description

Sometimes you'll want a property to be constrained not equal to another, but greater than or equal or to it, or less than!

Toggle description

Satisfy ambiguous or conflicting constraints by defining priorities for them, to match your intended design.

04
Toggle description

Create an Auto Layout-based treasure map using scroll views, combined with what else you've learned in this course.

Toggle description

Instead of using empty views to control the spacing of views, when you're not using Stack Views, you can use UILayoutGuides!

Toggle description

Layout anchors are used for creating constraints on views, in code. They also work on layout guides!

Toggle description

Use your Auto Layout coding skills along with your knowledge of Stack Views in order to simplify your layout code.

Toggle description

The Visual Format Language allows you to create many Auto Layout constraints, without requiring many lines of code.

Toggle description

Create the constraints necessary to achieve a simple three-view layout using the Visual Format Language.

Conclusion 0:23
Toggle description

You're well on your way to mastering constraints. It's time to begin doing the same for adaptive layout!

Part 2: Adaptive Layout

Toggle description

Adaptive layout is about dealing with different screen sizes, but it's also a lot more than that! Let's learn how deep this water is!

Toggle description

Use size classes to create universal layouts: ones that take advantage of the smallest iPhone to the largest iPad!

Toggle description

Create an adaptive layout, combining your new knowledge of size classes with what you know about constraints.

Toggle description

Views and constraints aren't the only things you might want to vary by size class. Learn how to adjust fonts, images, and more.

Toggle description

Use the techniques learned in the last video to add a layout variation to two buttons based on environment width.

Toggle description

Learn about the types and protocols that form the basis for adaptive layout in iOS, for greater control in code.

Toggle description

View controllers can adapt how they are presented based on the adaptive environment. Learn what the framework does for you and how to modify default behavior.

Conclusion 1:44
Toggle description

Let's have a recap of what you’ve learned in this course. Soon you'll be telling your own Auto Layout tales!