Mysteries of Auto Layout

UIStackViewの話

Transcript

1. Google I/O & WWDC ৘ใڞ༗ձ
   @nakajijapan
   Mysteries of Auto Layout
   

   View Slide

2. !OBLBKJKBQBO
   4PGUXBSF&OHJOFFS
   (.01&1"#0JOD
   J048FC.BD
   w 88%$͍ͬͯLN
   w ࠷ۙ͸झຯͰ.BD049ΞϓϦ΍ͬͯ·͢
   w "7'PVOEBUJPOपΓΛझຯͰௐ΂ͯ·͢
   

   View Slide

3. NKJMultiMovieCaptureView
   https://github.com/nakajijapan/NKJMultiMovieCaptureView
   NKJMovieComposer
   https://github.com/nakajijapan/NKJMovieComposer
   NKJPagerViewController
   https://github.com/nakajijapan/NKJPagerViewController
   etc
   

   View Slide

4. J04"OESPJE
   ϋϯυϝΠυɺख࡞Γ࡞඼ͷ௨ൢɾൢചαΠτ
   NJOOF
   

   View Slide

5. લஔ͖
   

   View Slide

6. @misyobun
   

   View Slide

7. WWDC2015Ͱ
   Objective-C͔ΒSwift΁
   ͷҠߦʹ͍ͭͯApple
   ͷਓʹ㘤͍ͨ࿩
   @misyobun
   

   View Slide

8. AndroidΤϯδχΞ͕
   Apple৴ऀʹม๴͢Δ
   ࿩Λָ͓͠Έ͍ͩ͘͞
   @misyobun
   

   View Slide

9. ຊ୊
   

   View Slide

10. UIStackView
    

    View Slide

11. Mysteries of Auto Layout, Part 1
    Session 218
    

    View Slide

12. The UIStackView class
    provides a streamlined
    interface for laying out a
    collection of views in
    either a column or a row.
    UIStackView
    

    View Slide

13. %JTUSJCVUJPO
    "MJHONFOU
    4QBDJOH
    6*4UBDL7JFX$MBTT3FGFSFODF
    

    View Slide

14. Layout Variables
    • axis
    • distribution
    • alignment
    • spacing
    

    View Slide

15. Try!
    

    View Slide

16. Try 1
    

    View Slide

17. No UIStackView
    

    View Slide

18. UIStackView
    

    View Slide

19. Try 2
    

    View Slide

20. No UIStackView
    

    View Slide

21. No UIStackView
    

    View Slide

22. UIStackView
    

    View Slide

23. UIStackView
    

    View Slide

24. UIStackView
    

    View Slide

25. εοΩϦ!!
    UIStackView
    

    View Slide

26. Good
    • ࣮૷͕؆୯
    • ϨΠΞ΢τͷ؅ཧָ͕
    • ੍໿ͷݟ௨͕͠ྑ͘ͳΔ
    • ։ൃऀ͚ͩͰ͸ͳ͘σβΠφʹΑΓϑϨϯυϦʔ
    

    View Slide

27. Not Good
    • iOS9͚ͩαϙʔτ
    • ࣮຿ʹ͸౰෼ઌ…
    • ෳࡶͳϨΠΞ΢τʹαϙʔτ͠ͳ͍
    • ͦͷ৔߹͸ࠓ·Ͱ௨Γʹ࣮૷
    

    View Slide

28. ·ͱΊ
    ౰෼͸
    ࣗ෼ͷϓϩμΫτͰਓபʹͳͬͯΈΑ͏ʂ
    ʢ৴ڼ৺ͷߴ·ΓΛײ͡ͳ͕Βʣ
    

    View Slide

29. https://developer.apple.com/library/prerelease/ios/documentation/UIKit/Reference/
    UIStackView_Class_Reference
    6*4UBDL7JFX
    6*,JU'SBNFXPSL3FGFSFODF
    

    View Slide

30. ѹ
    ౗
    త
    ײ
    ँ
    

    View Slide