Adaptive Layout

Auto layout is a great start to building flexible user interfaces, and adaptive layout will take your constraints to the next level! In this series, you’ll learn how to use size classes in interface builder to support different sizes of iPhone and iPad and both orientations in a single storyboard. You’ll also look at some of the behind-the-scenes classes that can help you build adaptive layouts, such as trait collections and image assets. By Jerry Beers.

Leave a rating/review
Save for later
Comments
Share
01
Toggle description

Find out what's covered in our Adaptive Layout video tutorial series.

Size Classes 11:28
Toggle description

Learn about Size Classes, the core concept of Adaptive Layout, and learn the basics of working with Size Classes in Interface Builder.

03
Toggle description

Learn how to customize the position and size of our views for different Size Classes by adding new constraints and uninstall existing constraints based on Size Class.

Views 11:37
Toggle description

Learn how to adjust your layout by adding or removing a view to allow for the best use of space in your layout.

Toggle description

Learn how Adaptive Layout lets you specify different values for images and fonts based on the Size Class so that as things are scaled down the user can still read the font.

Toggle description

Learn about trait collections and trait environments, the class and protocol you use to detect the current Size Class from code to further customize your layouts.

Toggle description

Learn about UIAppearance and how to use the appearance proxy with trait collections to customize the look of things in your app by Size Class.

Toggle description

Learn about Adaptive Presentation and how a view controller can control its own presentation style at run time based on the current trait collection or any other conditions.

Conclusion 2:20
Toggle description

Review what you learned in our Adaptive Layout video tutorial series and find out what other resources you should check out.