Master iOS Auto Layout (Swift/Xcode)

Master Auto Layout for Swift iOS Development with Xcode Storyboard and Programmatic approach

Auto Layout allows us to design and laying out UI components within our app that will be responsive to users’ devices form factor and orientation. It will dynamically calculate the positions and sizes of the UI components automatically to deliver a consistent users experience in iOS app across devices, and with more and more devices form factors being introduced, mastering auto layout is critical and as developer we have to be really comfortable dealing with this.

What you’ll learn

  • Properly laying out UI components that will adjust to devices sizes and orientation..
  • Get comfortable with auto layout UI using Storyboards..
  • Learn auto layout programmatically.

Course Content

  • Introduction –> 18 lectures • 4hr 24min.
  • Where To Next? –> 1 lecture • 1min.

Auto Draft

Requirements

Auto Layout allows us to design and laying out UI components within our app that will be responsive to users’ devices form factor and orientation. It will dynamically calculate the positions and sizes of the UI components automatically to deliver a consistent users experience in iOS app across devices, and with more and more devices form factors being introduced, mastering auto layout is critical and as developer we have to be really comfortable dealing with this.

Auto layout in iOS uses a constraint-based approach, which means we are setting constraints for each of the UI components that will adapt to both external (ie device size, rotation) and internal (ie internationalization) changes. In this course we will be using the Xcode storyboard approach as well as programmatic way using Swift to set our layout constraints. In some cases programmatic way might be the only way especially if we want to change the constraints at runtime.

There are a lot to cover on this course:

  • Orientation based layout
  • Size classes
  • Constraint priority
  • Proportional constraints
  • Content hugging and compression
  • Runtime update
  • Layout anchor
  • NSLayoutConstraint
  • Visual Format Language
  • Dynamic tableview cell
  • Stackview
  • Scrollview

By the time we are done, you should be comfortable dealing with auto layout in your project.

Get Tutorial