Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Auto layout and stack views

Ad

Lesson 2—10:
Auto Layout and Stack Views

Ad

Layout for multiple sizes

Ad

View as:
Interface Builder

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Nächste SlideShare
Handout   level-1-module-1
Handout level-1-module-1
Wird geladen in …3
×

Hier ansehen

1 von 22 Anzeige
1 von 22 Anzeige
Anzeige

Weitere Verwandte Inhalte

Anzeige

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.

×