Throughout this series of articles, you'll learn the fundamentals of how Auto Layout works and you will be able to design UI, press the build and run button confidently knowing that the layout will work exactly as you want in the simulator.
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 constraints (Red lines!) appear and how to solve them
Why conflicting constraints (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?