Previous Lecture Complete and continue  

Learn Auto Layout Fast

  Module 1: Auto Layout 101
  Module 2: Resizable Graphics for iOS Apps
  Module 3: Auto Layout Quick Tips
  Module 4: Auto Layout for Table Views and Collection Views
  Module 5: Programmatic Auto Layout with Swift 4
  BONUS
  Additional Workshops

  1.10 Tutorial - Auto Layout for iPhone SE (Percentage Based Layouts)

  • Fix spacing vertically
    • Change middle constraint between labels
    • 16 pt spacing between all elements (more consistent)
    • Use multiples of 8
  • Percentage based image size
    • Aspect ratio
    • 50:100
    • Lower the compression resistance to (250, 250)
    • So the image can shrink
    • Fix the image so it does aspect fit
  • Tweak the design so it still works on iPhone X
    • Make the 50:100 equal height constraint a low priority (250)

Discussion
2 comments