Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Auto layout and stack views

  1. 1. Lesson 2—10: Auto Layout and Stack Views
  2. 2. Layout for multiple sizes
  3. 3. View as: Interface Builder
  4. 4. Why Auto Layout?
  5. 5. Create alignment constraints Text
  6. 6. Create size constraints Text
  7. 7. Resolve constraint issues Text
  8. 8. Safe area layout guide
  9. 9. Resolve constraint warnings Text
  10. 10. Constraints between siblings
  11. 11. Stack views Text
  12. 12. Stack view attributes Stack views Distribution Alignment Spacing
  13. 13. Size classes Any Any
  14. 14. Size classes Compact Regular
  15. 15. Size classes Regular Compact
  16. 16. Size classes Compact Compact
  17. 17. iPad Size classes Regular
 height Regular
 width Regular
 width Regular
 height
  18. 18. iPhone Size classes Regular
 height Compact
 width Compact
 width Compact height
  19. 19. iPhone 6 Plus, iPhone 7 Plus, and iPhone 8 Plus Size classes Compact height Regular
 width
  20. 20. Auto Layout and Stack Views Unit 2—Lesson 10 Learn the fundamentals of Auto Layout for building precisely designed user interfaces.
  21. 21. Lab: Calculator Unit 2—Lesson 10 Use view objects, constraints, and stack views to create a simple calculator that maintains its layout on all device sizes.
  22. 22. © 2017 Apple Inc. This work is licensed by Apple Inc. under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International license.

×