Throughout this series of articles, you'll learn the fundamental 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:
Frame based layout VS Auto Layout using constraint
How Auto Layout Engine calculates view position and size
Why missing constraint (Red lines!) appear and how to solve them
Why conflicting constraint (Red lines, with numbers!) happen and how to solve them
What is intrinsic content size and the importance of it
What is constraint priority and when to use it
Start the series
How would you like to begin?