Hey, there – if you made it to the Beginning Auto Layout in Interface Builder talk, I hope you’re more productive at building UIs now.
Whether you made it to the live talk or not, you can learn to build a simple UI by centering views, positioning them relative to each other, and pinning them to the edges of the screen with Auto Layout in Interface Builder. Launch Xcode, hit play on the video below, and join me!
You can also get the sample code on GitHub.
And you can continue to hone your Auto Layout skills with all of my best Auto Layout tips and tricks by dropping your name and email in the form below. By the end of the 5-part series, you’ll be able to:
- create simple user interfaces
- center views vertically and horizontally in their container
- place views relative to their superview
- change the font for a given screen size or orientation with size classes
- set up a view to scale based on device size – entirely inside of Interface Builder
- fix the table header view text truncation problem
…all with Auto Layout in Interface Builder, where you can get instant feedback as you create your UI with Preview mode in Interface Builder, so you can iterate faster on your design.