Coding Auto Layout by Example

Posted: January 19, 2022

Tutorial series about building iOS user interfaces using Auto Layout programmatically.

Coding Auto Layout

Introductory series for new iOS developers looking to gain a basic knowledge of coding Auto Layout. The series first looks at essential concepts of Auto Layout and then guides the reader through multiple examples on how to create specific layouts using pure code. The examples range from easy to advanced to slowly build up the required skills for writing programmatic user interfaces.

Code for all the examples is open–source and available on GitHub.

Table of contents

  1. Intro
  2. Basics, Part One
  3. Basics, Part Two
  4. Xcode Setup
  5. Sign Up Screen
  6. Stack Views
  7. Custom UIAlert
  8. Players Profile
  9. Twitter Timeline
  10. Twitter Profile
  11. Music Album