Throughout this series of articles, you'll learn the fundamentals of how Auto Layout works and you will be able to design UI without the frustration of having the layout works on one device but not the other.

Unlike other tutorials, we won't show you a complex layout and ask you to follow instructions step by step. We will instead explain how the fundamental works and let you connect the dots before you start designing your own layout.

Here is the table of contents:

  1. Frame based layout VS Auto Layout using constraint

  2. How Auto Layout Engine calculates view position and size

  3. Why missing constraints (Red lines!) appear and how to solve them

  4. Why conflicting constraints (Red lines, with numbers!) happen and how to solve them

  5. What is intrinsic content size and the importance of it

  6. What is constraint priority and when to use it

Start the series

How would you like to begin?

I have time - Begin reading online

I am busy - Send me the PDF