Auto Layout Fundamentals
12 episodes12 videos1h 4m
1:57
Welcome to Auto Layout Fundamentals. In this series, you'll learn about the fundamental concepts that power Auto Layout. At the end of this series, you'll have a solid understanding of Auto Layout and how you can use it in your projects.
in Auto Layout
5:17
Before I discuss the benefits of Auto Layout, I'd like to take a moment to discuss the options you have for creating user interfaces on iOS. Every view in the view hierarchy of a user interface needs to have a size and a position.
in Auto Layout
4:41
In this episode, we get our feet wet by creating a very basic user interface using Auto Layout. I'm going to use Xcode 9 in this episode, but Xcode 8 should work just as well.
in Auto Layout
3:20
In this episode, I'd like to take a moment to discuss the anatomy of a constraint, the fundamental building block of a user interface driven by Auto Layout. Remember that user interfaces created with Auto Layout define constraints. The constraints describe the relationships between the views in the user interface. The Auto Layout engine then inspects these constraints and calculates the frame of every view in the view hierarchy.
in Auto Layout
6:45
This episode zooms in on constraints, priorities, and satisfiable layouts. For this episode, we revisit the project we created earlier in this series.
in Auto Layout
3:50
In this episode, we take a look at implicit and explicit constraints. It's a topic worth covering because it frequently trips up developers new to Auto Layout.
in Auto Layout
6:46
In this episode, we take a close look at another important concept of Auto Layout, intrinsic content size. We first take a moment to discover what intrinsic content size is. Later in the episode, we also touch upon content hugging and content compression resistance, two concepts that drive user interfaces created with Auto Layout.
in Auto Layout
8:02
You already know quite a bit about Auto Layout. It's time to learn more about working with constraints in Interface Builder.
in Auto Layout
5:47
In the previous episode, I showed you how to create constraints in Interface Builder. This episode zooms in on the tools Interface Builder provides us with to work with constraints.
in Auto Layout
5:20
In this episode, I'd like to take a minute to discuss layout guides. While there are several layout guides, the ones I discuss in this episode are the top layout guide, the bottom layout guide, and the safe area layout guide. The top and bottom layout guide are deprecated as of iOS 11 and tvOS 11. They have been replaced with the brand new safe area layout guide.
in Auto Layout
6:53
In this episode, I want to spend a few minutes talking about a special class that was introduced in iOS 9 and tvOS 9, UIStackView. Even though UIStackView is a UIView subclass, the stack view itself is not rendered. Only its contents are rendered to the screen. That's the first important feature of the UIStackView class.
in Auto Layout
5:45
I'd like to end this series with a few tips and best practices for using Auto Layout in your projects. Along the way, I'll also point out common pitfalls when using Auto Layout and how to avoid them.
in Auto Layout