$30 off During Our Annual Pro Sale. View Details »

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

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

2021/06/28 YUMEMI.swift #12 feat. HAKATA.swift 〜WWDC Recap~

akatsuki174

June 28, 2021
Tweet

More Decks by akatsuki174

Other Decks in Technology

Transcript

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

    View Slide

  2. ࣗݾ঺հ

    View Slide

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

    View Slide

  4. ࠓ೔ͷ࿩

    View Slide

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

    View Slide

  6. ࠓ೔ͷࢿྉ

    View Slide

  7. ࠓ೔ͷࢿྉ
    • SpeakerDeckʹ͋͛ͯ·͢
    • Qiitaʹ͸͋ͱͰจষ൛͋͛·͢

    View Slide

  8. ֓ཁ

    View Slide

  9. iOS 13ʙ

    View Slide

  10. iOS 15ʙ ᶃ

    View Slide

  11. iOS 15ʙ ᶄ

    View Slide

  12. ୊ࡐͱͳ͍ͬͯΔΞϓϦ

    View Slide

  13. View Slide

  14. detentsΛ஌Δ

    View Slide

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

    View Slide

  16. .medium

    View Slide

  17. .large

    View Slide

  18. View Slide

  19. detentsΛ༻͍࣮ͨ૷ྫ

    View Slide

  20. ैདྷͷ৔߹

    View Slide

  21. ैདྷͷ৔߹

    View Slide

  22. iOS 15 ʙ

    View Slide

  23. iOS 15 ʙ

    View Slide

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

    View Slide

  25. prefersScrollingExpands
    WhenScrolledToEdge

    View Slide

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

    View Slide

  27. selectedDetentIdentifier

    View Slide

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

    View Slide

  29. animateChanges

    View Slide

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

    View Slide

  31. dimming͋Γ/ͳ͠

    View Slide

  32. smallestUndimmed
    DetentIdentifier

    View Slide

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

    View Slide

  34. ΩʔϘʔυ͋Γ/ͳ͠

    View Slide

  35. ࢹ֮తͳΧελϚΠζ

    View Slide

  36. landscape

    View Slide

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

    View Slide

  38. ʙ iOS 13

    View Slide

  39. iOS 15 ʙ

    View Slide

  40. widthFollowsPreferred
    ContentSizeWhenEdgeAttached

    View Slide

  41. grabber

    View Slide

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

    View Slide

  43. prefersGrabberVisible

    View Slide

  44. radius

    View Slide

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

    View Slide

  46. preferredCornerRadius

    View Slide

  47. iPad

    View Slide

  48. iPadͷ৔߹

    View Slide

  49. iPadͷ৔߹

    View Slide

  50. iPadͷ৔߹

    View Slide

  51. delegateௐ੔

    View Slide

  52. ·ͱΊ

    View Slide

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

    View Slide

  54. એ఻

    View Slide

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

    View Slide

  56. 30೔΋ొஃ༧ఆ

    View Slide

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

    View Slide