There is an updated version of this course available, created for Swift 5.1, iOS 13, Xcode 11. View Latest Version

Beginning Auto Layout

Feb 7 2017 · Video Course (1 hr, 6 mins) · Beginner

Auto Layout lets you create layouts to handle different screen sizes and orientations. This series walks you through the basics of layouts in Interface Builder. While the subject matter is complex, it is designed for beginners and assumes no knowledge of Auto Layout.


  • Swift 3, iOS 10, Xcode 8


3:16 Free

Learn the basics of Auto Layout, get familiar with the various Xcode tools at your disposal, and see how to save yourself time and frustration with your layout tasks.


Autoresizing masks define the relationship between a view and its superview. Learn how autoresizing masks work, and when to use them.


Stack Views

7:11 Free

Stack Views are powerful layout tools that let you create simple to extremely complex layouts, in a minimum of time.


Learn how various UI elements can have a preferred size, based on the content, and how this affects your layouts.


Stack views can contain other stack views, which lets you create complex, flexible layouts. You’ll learn how to make nested stack views play nicely with each other.


Constraints are the “building blocks” of Auto Layout. Learn what they are, and when to choose them over autoresizing masks or stack views.


There are several ways to create constraints in Xcode — explore the most common ways and see how constraints affect your layouts.


Now that you’ve created constraints, learn how to edit them to add more complex arrangements — or even delete constraints altogether.




Recap what you’ve learned in this series, check out a few Auto Layout tips, and get a preview of the Mastering Auto Layout series!


Version history

iOS 13, Swift 5.1, Xcode 11

Dec 10 2019

iOS 12, Swift 4, Xcode 10

Sep 25 2018

iOS 11, Swift 4, Xcode 9

Oct 17 2017

iOS 10, Swift 3, Xcode 8 (Selected)

Feb 7 2017

iOS 9, Swift 2, Xcode 7

Jul 13 2015