Edit product


Making Sense of Auto Layout + Case Studies

More info and sample chapters on: https://autolayout.fluffy.es

What do I get?

  • 215-pages PDF 
  • 6 hands-on Xcode projects to follow-along chapters
  • Case Studies (steps explanation and demo project of implementing Twitter Profile UI, Twitter Slide Menu, Spotify's Now Playing UI and Facebook draggable bottom card UI using Auto Layout)
  • In the last chapter, you will get to apply the knowledge you have learned in this book to create an iPhone calculator app that looks good across all iPhone screen sizes and on both portrait/landscape orientation. 
  • Plus the Xcode project for the completed iPhone calculator app so you can compare it with your own project
  • Introductory guide on how to implement UI programmatically (ie. using code instead of storyboard)

What’s in the book?

  • How User Interface is being designed prior to Auto Layout and why Auto Layout is introduced
  • How Auto Layout determine position and size of a UI Element by using constraints you defined
  • 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
  • Using Tableview for content with dynamic size
  • Using Scrollview for content with dynamic size
  • What is constraint priority and when to use it
  • What is content hugging and compression resistance
  • What is Stackview and how does it simplify constraints
  • Animating views with constraintWhat is Size Classes and how to use it to create adaptive layout
  • Thinking in proportion
  • Replicate and build the iPhone stock calculator app using Auto Layout

What's in the case studies?

  • Replicating Twitter Profile UI, Twitter Slide Menu, Spotify's Now Playing UI and Facebook Draggable bottom card UI using Auto Layout.
  • Breaking down complex UI into separate components and implementing them individually.
  • Step by step explanation of each constraints used to create the layout and how they work. 
  • HTML format are included for the case study explanation. (for easier code copying)
  • Completed UI Xcode project.

You've purchased this product

See it in your library

View in Library
Sorry, this item is not available in your location.
Sold out, please go back and pick another option.

0 ratings

  • Pages215
  • FormatPDF
  • Case Studies4


Making Sense of Auto Layout + Case Studies

Enter your info to complete your purchase


···· ···· ···· 4242
Test card



Use a different card?


pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

You'll be charged US$45.

Your purchase was successful!

We charged your card and sent you a receipt

    Gumroad Library

    Download from the App Store or text yourself a link to the app

    Thanks for your support!

    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad