Updated Course: Mastering Auto Layout

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

Leave a rating/review
Save for later
Share

Contents

Hide contents

Our most recent update to Beginning Auto Layout covered the basics of iOS app layout, including autoresizing, Stack Views, and constraints.

It was well-received, and some of you have been demanding an update to Mastering Auto Layout, for Swift 4, iOS 11, and Xcode 9. Today, we fulfill your wishes!

Mastering Auto Layout follows right on from Beginning Auto Layout, so if you worked through the Beginning course, you’ll be ready for this one! Mastering Auto Layout might also help you if you’re familiar with the basics of Auto Layout, but sometimes struggle with putting together a tricky layout.

In this course, you’ll learn advanced ways of working with constraints, such as inequalities, priorities, and creating layouts in code. You’ll also learn how to create adaptive layouts using size classes.

By the time you are done with this 18-video course, you’ll have the confidence to create even the trickiest of layouts. Let’s take a look at what’s inside!

Part 1: Constraints

Create more advanced systems of Auto Layout constraints in Interface Builder and in code.

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

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

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

Challenge: Constraints in Scroll Views: Create an Auto Layout-based treasure map using scroll views, combined with what else you’ve learned in this course. [FREE]

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

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

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

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

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

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

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

  2. Constraint Inequalities: Sometimes you’ll want a property to be constrained not equal to another, but greater than or equal or to it, or less than!

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

  4. Challenge: Constraints in Scroll Views: Create an Auto Layout-based treasure map using scroll views, combined with what else you’ve learned in this course. [FREE]

  5. UILayoutGuide: Instead of using empty views to control the spacing of views, when you’re not using Stack Views, you can use UILayoutGuides!

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

  7. Challenge: Stack View Conversion: Use your Auto Layout coding skills along with your knowledge of Stack Views in order to simplify your layout code.

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

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

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

Part 2: Adaptive Layout

Learn a variety of tools to help you adapt layouts to any screen size or orientation.

Introduction: 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!

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

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

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

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

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

Adaptive Presentation: 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: Let’s have a recap of what you’ve learned in this course. Soon you’ll be telling your own Auto Layout tales!

  1. Introduction: 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!

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

  3. Challenge: Size Classes: Create an adaptive layout, combining your new knowledge of size classes with what you know about constraints.

  4. Images and Other Properties: Views and constraints aren’t the only things you might want to vary by size class. Learn how to adjust fonts, images, and more.

  5. Challenge: Add Variations: Use the techniques learned in the last video to add a layout variation to two buttons based on environment width.

  6. Adaptive Layout Environment: Learn about the types and protocols that form the basis for adaptive layout in iOS, for greater control in code.

  7. Adaptive Presentation: 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.

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

Contributors

Over 300 content creators. Join our team.