iOS 14のピッカーあれこれ

CA.swift #12 WWDC20報告会
NDAの関係で中身がすかすかのスライド

Transcript

1. iOS 14ͷϐοΧʔ͋Ε͜Ε
   CA.swift #12 WWDC20ใࠂձ
   @akatsuki174
   

   View Slide

2. ࣗݾ঺հ
   

   View Slide

3. • ਢ౻ຘʢ@akatsuki174ʣ
   • iOS→AndroidΤϯδχΞ
   • גࣜձࣾTimersॴଐ
   • Ұ൪Θ͘Θͨ͘͠ػೳɿWidget
   

   View Slide

4. ΞΠεϒϨΠΫ
   5
   

   View Slide

5. ࠓ೔ͷ࿩
   

   View Slide

6. ໨࣍
   • [New] ColorPicker
   • [Update] DatePicker
   

   View Slide

7. ͜ͷࢿྉͷݩʹͳͬͨಈը
   • Design with iOS pickers, menus and actions
   • https://developer.apple.com/videos/play/
   wwdc2020/10205
   

   View Slide

8. ࠓ೔ͷࢿྉ
   

   View Slide

9. ࠓ೔ͷࢿྉ
   • NDAతʹ΍͹Ίͳͱ͜ΖΛൈ͔ͯ͠Ξοϓࡁ
   • TwitterͰྲྀͯ͠·͢
   • ΘΓͱ͚ܽͯ͠·ͬͨ…
   • ϑϧver΄͍͠ਓ͍ͨΒ࿈བྷ͍ͩ͘͞
   

   View Slide

10. ColorPicker
    

    View Slide

11. ColorPickerͱ͸
    • ͦͷ໊ͷ௨Γ৭Λબ΂ΔϐοΧʔ
    • άϦουɺεϖΫτϧɺεϥΠμʔͳͲΛɹ
    ࢖ͬͯ৭Λબ୒Ͱ͖Δ
    

    View Slide

12. View Slide

13. ColorPickerͷ͍͢͝ͱ͜Ζ̍
    • ৭͸อଘͯ͠ผΞϓϦͰ΋࢖͏͜ͱ͕Ͱ͖Δ
    

    View Slide

14. %">
    ৭Λอଘͯ͠Δ༷ࢠΛөͨ͠ಈը
    

    View Slide

15. ColorPickerͷ͍͢͝ͱ͜Ζ̎
    • εϙΠτπʔϧΛ࢖ͬͯ৭ΛऔಘͰ͖Δ
    

    View Slide

16. %">
    εϙΠτπʔϧΛ࢖ͬͯΔ༷ࢠΛөͨ͠ಈը
    

    View Slide

17. ࣮ࡍʹݟͯΈΑ͏
    Ϙλϯλοϓ
    →ColorPickerදࣔ
    →৭બ୒
    →ࢦఆͨ͠ViewͷbackgroundColorΛมߋ
    

    View Slide

18. %">
    ΧϥʔϐοΧʔΛಈ͔͍ͯ͠Δ༷ࢠ
    

    View Slide

19. %"ʁ>
    ࣗ෼Ͱ࡞ͬͨσϞΞϓϦͷ࣮૷ίʔυ
    

    View Slide

20. selectedColor
    • બ୒தͷ৭Λද͢
    • getter, setter͕͋Δ
    • setter͸ϐοΧʔىಈ࣌ʹࢦఆ͢ΔͳͲͷ༻్ʁ
    

    View Slide

21. supportsAlpha
    • AlphaεϥΠμʔΛ༻ҙ͢Δ͔Ͳ͏͔
    

    View Slide

22. TVQQPSUT"MQIBGBMTF TVQQPSUT"MQIBUSVF
    %"ʁ>
    "MQIBεϥΠμʔͷ༗ແ͕Θ͔ΔεΫγϣ
    

    View Slide

23. colorPickerViewController
    DidSelectColor
    • ϐοΧʔ্Ͱ৭Λબ୒ͨ͠ͱ͖ʹݺ͹ΕΔ
    

    View Slide

24. colorPickerViewController
    DidFinish
    • ϐοΧʔΛดͨ࣌͡ʢӈ্ͷXΛλοϓͨ࣌͠ʣ
    ʹݺ͹ΕΔ
    

    View Slide

25. DatePicker
    

    View Slide

26. Կ͕৽͘͠ͳͬͨͷ͔
    • ίϯύΫτϞʔυɺΠϯϥΠϯϞʔυͰදࣔɹ
    Ͱ͖ΔΑ͏ʹͳͬͨ
    • ਖ਼֬ʹ͸ɺ.compact͸iOS 13.4Ҏ߱
    • ࣌ؒ͸ΩʔϘʔυͰೖྗՄೳ
    

    View Slide

27. શछྨ
    

    View Slide

28. .compactදࣔ
    • UIButtonͷΑ͏ͳ೔෇දࣔΛλοϓͯ͠ɹ
    ϐοΧʔΛىಈ
    • ࣌ࠁɺ೔෇ΛϞʔμϧ಺Ͱબ୒Ͱ͖Δ
    • UIͷεϖʔε͕ݶΒΕ͍ͯΔͱ͖ʹศར
    

    View Slide

29. %">
    DPNQBDUදࣔ͞ΕͨQJDLFSΛ
    ಈ͔͍ͯ͠Δ༷ࢠΛөͨ͠ಈը
    

    View Slide

30. .inlineදࣔ
    • ϐοΧʔ͕ͦͷ··ຒΊࠐ·Ε͍ͯΔ
    • ϞʔμϧΛग़͢ख͕ؒল͚Δ
    • iPadͳͲεϖʔε͕޿͍৔߹ʹ༗ޮ
    

    View Slide

31. %">
    JOMJOFදࣔ͞ΕͨQJDLFSͷεΫγϣ
    

    View Slide

32. Կ͔ରԠ͸ඞཁʁ
    • UIDatePickerͷAPI͸·ͬͨ͘ಉ͡··
    • iOS 13 SDKͰϏϧυͯ͠ΔݶΓ͸େৎ෉ͦ͏
    • iOS 14 SDKͰϏϧυͨ͠Β
    preferredDatePickerStyleʹ.automatic͕ઃఆ
    ͞Εͯಈ͖͕มΘΔ…ʁ
    

    View Slide

33. J04BVUPNBUJD J04BVUPNBUJD
    %">
    BVUPNBUJDͷ༷ࢠͷҧ͍
    

    View Slide

34. ࠓ·Ͱ௨Γʹ͍ͨ͠ͳΒ
    • preferredDatePickerStyleΛ.wheelsʹ͢Ε͹
    ྑͦ͞͏
    

    View Slide

35. ࣮ࡍʹݟͯΈΑ͏
    compact date pickerΛλοϓ
    →೔෇બ୒ʢdate, time, dateAndTimeʣ
    →೔෇ܾఆ
    

    View Slide

36. %">
    ֤λΠϓͷEBUFQJDLFSΛಈ͔͍ͯ͠Δ༷ࢠΛ
    өͨ͠ಈը
    

    View Slide

37. %">
    4UPSZCPBSEͷ༷ࢠ
    

    View Slide

38. ·ͱΊ
    

    View Slide

39. ·ͱΊ
    • ColorPicker͸༷ʑͳ؍఺͔Β৭Λબ୒Ͱ͖Δ
    • ৽͍͠DatePicker͸ΑΓࣗવͳUIʢओ؍ʣͰɹ
    ೔෇Λબ୒Ͱ͖Δ
    

    View Slide

40. ೔ຊޠࢿྉ
    

    View Slide

41. ݟͯͶ
    • iOS 14ͰมΘΔϐοΧʔͱɺ৽͘͠ొ৔ͨ͠ɹ
    ΧϥʔϐοΧʔ
    • https://qiita.com/akatsuki174/items/
    56fc648f513d3e92387f
    5
    

    View Slide

42. એ఻
    

    View Slide

43. iOSDCνέοτൃചதʂʂ
    • ࠓ೥͸ΦϯϥΠϯ։࠵
    • ࠓͳΒΞʔϦʔόʔυ2,000ԁʢ͍҆ʂʣ
    • ϊϕϧςΟ͸༣ૹ
    • ύϯϑϨοτʹ͸Ԡื͕͋ͬͨݪߘΛܝࡌ
    • 9/19(౔) ʙ 9/21(݄ॕ)ɺͥͻ͝ࢀՃΛʂ
    5
    

    View Slide

44. • αʔόʔαΠυΤϯδχΞ (PHP, Golang, AWS)
    • AndroidΤϯδχΞ (Kotlin)
    • iOSΤϯδχΞ (Swift)
    TimersͰ͸ݱࡏΤϯδχΞશ৬छ࠾༻தʂ
    ৄ͘͠͸”Timers”Ͱݕࡧ
    5
    

    View Slide

45. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    

    View Slide