Upgrade to Pro — share decks privately, control downloads, hide ads and more …

iOS 14のピッカーあれこれ

iOS 14のピッカーあれこれ

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

akatsuki174

July 01, 2020
Tweet

More Decks by akatsuki174

Other Decks in Programming

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