iOS 14のピッカーあれこれ

by akatsuki174

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

ΞΠεϒϨΠΫ 5

Slide 5

Slide 5 text

ࠓ೔ͷ࿩

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

ࠓ೔ͷࢿྉ

Slide 9

Slide 9 text

ࠓ೔ͷࢿྉ • NDAతʹ΍͹Ίͳͱ͜ΖΛൈ͔ͯ͠Ξοϓࡁ • TwitterͰྲྀͯ͠·͢ • ΘΓͱ͚ܽͯ͠·ͬͨ… • ϑϧver΄͍͠ਓ͍ͨΒ࿈བྷ͍ͩ͘͞

Slide 10

Slide 10 text

ColorPicker

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

DatePicker

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

શछྨ

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

%"> 4UPSZCPBSEͷ༷ࢠ

Slide 38

Slide 38 text

·ͱΊ

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

೔ຊޠࢿྉ

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

એ఻

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ