公式「ハーフモーダル」がやってきた！

by akatsuki174

Slide 1

Slide 1 text

ެࣜʮϋʔϑϞʔμϧʯ͕ ΍͖ͬͯͨʂ YUMEMI.swift #12 feat. HAKATA.swift ʙWWDC Recapʙ @akatsuki174

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

• ਢ౻ຘʢ@akatsuki174ʣ • iOS→AndroidΤϯδχΞ • גࣜձࣾTimersॴଐ • 4݄ʹୈҰࢠग़࢈ɺҭٳத

Slide 4

Slide 4 text

ࠓ೔ͷ࿩

Slide 5

Slide 5 text

͜ͷࢿྉͷݩʹͳͬͨಈը • Customize and resize sheets in UIKit • https://developer.apple.com/videos/play/ wwdc2021/10063/ • 12෼͘Β͍ͷಈը͔ͩΒαΫοͱݟΒΕΔΑ

Slide 6

Slide 6 text

ࠓ೔ͷࢿྉ

Slide 7

Slide 7 text

ࠓ೔ͷࢿྉ • SpeakerDeckʹ͋͛ͯ·͢ • Qiitaʹ͸͋ͱͰจষ൛͋͛·͢

Slide 8

Slide 8 text

֓ཁ

Slide 9

Slide 9 text

iOS 13ʙ

Slide 10

Slide 10 text

iOS 15ʙ ᶃ

Slide 11

Slide 11 text

iOS 15ʙ ᶄ

Slide 12

Slide 12 text

୊ࡐͱͳ͍ͬͯΔΞϓϦ

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

detentsΛ஌Δ

Slide 15

Slide 15 text

detentsͱ͸ • γʔτ͕ࣗવʹࢭ·Δߴ͞ͷ͜ͱ • .mediumͱ.large͕͋Δ

Slide 16

Slide 16 text

.medium

Slide 17

Slide 17 text

.large

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

detentsΛ༻͍࣮ͨ૷ྫ

Slide 20

Slide 20 text

ैདྷͷ৔߹

Slide 21

Slide 21 text

ैདྷͷ৔߹

Slide 22

Slide 22 text

iOS 15 ʙ

Slide 23

Slide 23 text

iOS 15 ʙ

Slide 24

Slide 24 text

ͨͩ͠… • ͜ͷ··ͩͱɺ্ʹεΫϩʔϧͨ࣌͠ʹɹ γʔτࣗମ΋εΫϩʔϧͯ͠ϑϧαΠζʹɹ ͳͬͯ͠·͏ • ʮγʔτ͸൒෼ͷঢ়ଶͰɺεΫϩʔϧͯࣸ͠ ਅબ୒ʯ͕Ͱ͖ͳ͍ • →ϓϩύςΟΛ௥Ճઃఆ͢Δ

Slide 25

Slide 25 text

prefersScrollingExpands WhenScrolledToEdge

Slide 26

Slide 26 text

࣍ͷෆຬ • .largeͰࣸਅΛબ୒ͨ͠ͱ͖ʹɺԿ͕ىͬͨ͜ ͔Θ͔Γʹ͍͘ • →ࣸਅ͕બ୒͞ΕͨΒ.mediumʹͳΔΑ͏ʹ ͯ͠ΈΔ

Slide 27

Slide 27 text

selectedDetentIdentiﬁer

Slide 28

Slide 28 text

࣍ͷෆຬ • γʔτ͕ҾͬࠐΉΑ͏ʹͳ͚ͬͨͲɺɹɹɹ Ξχϝʔγϣϯ͕ͳ͍ͷͰ͍͖ͳΓมΘͬͯ ͠·͏ • →Ξχϝʔγϣϯ͚ͭΑ͏

Slide 29

Slide 29 text

animateChanges

Slide 30

Slide 30 text

࣍ͷෆຬ • dimming͕͍ͭͯΔͱબ୒͞ΕͨࣸਅʹӨ͕ ͍ͭͯ͠·͏ • →औͬͯΈΑ͏

Slide 31

Slide 31 text

dimming͋Γ/ͳ͠

Slide 32

Slide 32 text

smallestUndimmed DetentIdentiﬁer

Slide 33

Slide 33 text

ΩʔϘʔυͱͷซ༻ • ΩʔϘʔυͱ.mediumγʔτΛಉ࣌ʹ࢖͏ɹ ৔߹ɺγʔτ͕ࣗಈͰ.largeʹͳͬͯ͘ΕΔ • ΩʔϘʔυඇදࣔ࣌͸.mediumʹ໭Δ

Slide 34

Slide 34 text

ΩʔϘʔυ͋Γ/ͳ͠

Slide 35

Slide 35 text

ࢹ֮తͳΧελϚΠζ

Slide 36

Slide 36 text

landscape

Slide 37

Slide 37 text

landscape࣌ͷදࣔ • iOS 13·Ͱ͸શը໘දࣔ͢Δ͔͠ͳ͔ͬͨ • iOS 15͔Β͸ௐઅ͢Δ͜ͱ͕Ͱ͖Δ • →prefersEdgeAttachedInCompactHeight

Slide 38

Slide 38 text

ʙ iOS 13

Slide 39

Slide 39 text

iOS 15 ʙ

Slide 40

Slide 40 text

widthFollowsPreferred ContentSizeWhenEdgeAttached

Slide 41

Slide 41 text

grabber

Slide 42

Slide 42 text

grabberͷදࣔඇදࣔ • γʔτ্ͷόʔͷදࣔඇදࣔΛૢ࡞Ͱ͖Δ • →prefersGrabberVisible

Slide 43

Slide 43 text

prefersGrabberVisible

Slide 44

Slide 44 text

radius

Slide 45

Slide 45 text

γʔτͷradiusมߋ • γʔτͷؙ֯۩߹Λௐ੔Ͱ͖Δ • →preferredCornerRadius

Slide 46

Slide 46 text

preferredCornerRadius

Slide 47

Slide 47 text

iPad

Slide 48

Slide 48 text

iPadͷ৔߹

Slide 49

Slide 49 text

iPadͷ৔߹

Slide 50

Slide 50 text

iPadͷ৔߹

Slide 51

Slide 51 text

delegateௐ੔

Slide 52

Slide 52 text

·ͱΊ

Slide 53

Slide 53 text

·ͱΊ • ϋʔϑϞʔμϧͬΆ͍ද͕ࣔඪ४APIΛ࢖ͬͯɹ ग़ͤΔΑ͏ʹͳͬͨΑ • ͍Ζ͍ΖΧελϚΠζͰ͖ΔΑ

Slide 54

Slide 54 text

એ఻

Slide 55

Slide 55 text

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