Beginning Auto Layout
Sep 25 2018 · Video Course (1 hr, 7 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.
5/5Version
- Swift 4, iOS 12, Xcode 10
Stack Views
Introduction
1:40In this video, you'll get an introduction to what Auto Layout is and why you need to use it in your apps.
1Autoresizing
6:53Autoresizing is the predecessor to Auto Layout. It's simpler, and sometimes, effective! Dive into the "mask of flexibilities"!
2In this video you'll create your first stack view and learn about some basic properties to adjust the layout.
3Use everything you've learned about Stack Views so far to recreate a few simple view layouts from reference images.
4What is Intrinsic Content Size? Find out how Auto Layout uses the intrinsic size of a view to determine layout.
5Nesting Stack Views
3:19Stack views inside of stack views! Unlock more power of stack views by nesting them to create complex layouts.
6Learn about the options for stack view alignment and distribution and how they work to arrange your views.
7Practice everything you've learned so far about stack views by implementing a complex, nested layout.
8Conclusion
0:26Review what you've learned in this section and find out what's coming up next in the second half of this course.
9Constraints
Introduction
4:32Get a solid introduction to Auto Layout constraints, and find out what you'll learn in this section.
10The Add New Constraints UI in Interface Builder packs a whole lot of Auto Layout power into a compact popup.
11Dragging Constraints
2:05Right- or control-click dragging between two views is another great option for creating Auto Layout constraints.
12Convert the type of your stack view constraints, getting practice with Auto Layout while gaining more control over the stack view's width.
13Editing Constraints
2:14This is an overview of the UI that Xcode offers for editing constraints that have already been created.
14Troubleshooting
5:38Just like with Swift, you'll get into temporary, problematic states when working in Interface Builder, before your constraints are ready. Let's solve a few!
15Conclusion
2:03Review what you've learned in this section, and pick up some parting tips for using Auto Layout in your apps.
16
Comments