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

Five things you can do with SwiftUI v2

Five things you can do with SwiftUI v2

WWDC Extended Tokyo 2020

Akio Itaya

June 23, 2020
Tweet

More Decks by Akio Itaya

Other Decks in Programming

Transcript

  1. AKKEY / AKIO ITAYA
    SwiftUI v2 ͰՄೳʹͳΔ͜ͱ̑બʂ
    WinTicket, Inc.

    View Slide

  2. ໊લɿ൘୩ ߊྑɹ/ɹ͖͋ͬʔ
    झຯɿυϥΠϒ
    ׆ಈɿ@AkkeyLab
    Cyberagent, Inc.
    WinTicket, Inc.
    ۝भʢ෱Ԭʣग़਎ɹ̍̔೥৽ଔ iOS ΤϯδχΞ
    ࣗݾ঺հ

    View Slide

  3. ◆ UIKit Λϥοϓ͢Δճ਺͕ܹݮʂ
    ◆ Navigation Graph ͕΍ͬͯ͘Δʂ
    ◆ Xcode Previews ύϑΥʔϚϯεUPʂ
    ◆ Compositional Layout ͕ར༻Մೳʹʂ
    ◆ ScrollView ͕࢖͑ΔϨϕϧʹʂ
    SwiftUI v2 ͰՄೳʹͳΔ͜ͱ̑બʂ

    View Slide

  4. UIKit Λϥοϓ͢Δճ਺͕ܹݮʂ

    View Slide

  5. UIKit Λϥοϓ͢Δճ਺͕ܹݮʂ

    View Slide

  6. UIKit Λϥοϓ͢Δճ਺͕ܹݮʂ
    Activity Indicators, Search Bars, Multiline Text Views, Refresh Controls, …

    View Slide

  7. ScrollView ͕࢖͑ΔϨϕϧʹʂ

    View Slide

  8. ScrollView ͕࢖͑ΔϨϕϧʹʂ
    ݱঢ়ɺ௥ՃಡΈࠐΈ΋Ұۤ࿑
    Offset ͷ֓೦͸௥Ճ͞ΕΔ͸ͣʂ

    View Slide

  9. Compositional Layout ͕ར༻Մೳʹʂ

    View Slide

  10. Compositional Layout ͕ར༻Մೳʹʂ
    ҰԠɺͦΕͬΆ͍ͷ͸࡞ΕΔ

    View Slide

  11. Compositional Layout ͕ར༻Մೳʹʂ
    https://akkeylab.com/2020/05/10/perform-full-scale-application-development-with-swiftui/

    View Slide

  12. Compositional Layout ͕ར༻Մೳʹʂ
    https://akkeylab.com/2020/05/10/perform-full-scale-application-development-with-swiftui/

    View Slide

  13. Compositional Layout ͕ར༻Մೳʹʂ
    Ͱ΋ɺύϑΥʔϚϯεඍົ

    View Slide

  14. Compositional Layout ͕ར༻Մೳʹʂ
    https://developer.apple.com/documentation/uikit/views_and_controls/collection_views/layouts
    SwiftUI ͱಉ͡ WWDC19 Ͱൃද
    SwiftUI ͕ରԠ͠ͳ͍Θ͚͕ͳ͍ʂ

    View Slide

  15. Xcode Previews ύϑΥʔϚϯεUPʂ

    View Slide

  16. Xcode Previews ύϑΥʔϚϯεUPʂ
    Xcode
    Simulator Simulator Simulator Simulat

    View Slide

  17. Xcode Previews ύϑΥʔϚϯεUPʂ
    Xcode
    Simulator Simulator Simulator Simulat

    View Slide

  18. Xcode Previews ύϑΥʔϚϯεUPʂ
    Xcode
    Simulator Simulator Simulator Simulat

    View Slide

  19. Xcode Previews ύϑΥʔϚϯεUPʂ
    ࢀߟจݙɿHow Xcode Previews works
    https://akkeylab.com/2020/02/11/how-xcode-previews-works/

    View Slide

  20. Xcode Previews ύϑΥʔϚϯεUPʂ
    macOS ΠϯετʔϧͷࣄલษڧඞਢͰ͢Αʂ
    https://support.apple.com/ja-jp/HT208891

    View Slide

  21. Navigation Graph ͕΍ͬͯ͘Δʂ

    View Slide

  22. Navigation Graph ͕΍ͬͯ͘Δʂ
    Storyboard ͷػೳ͕ SwiftUI ΁

    View Slide

  23. Navigation Graph ͕΍ͬͯ͘Δʂ
    https://developer.android.com/guide/navigation/navigation-design-graph

    View Slide

  24. WWDC20 ͷৼΓฦΓͱ͍͑͹…

    View Slide

  25. iOS Developer’s
    CyberAgent
    TXJG
    ̓ / ̍ʢਫʣ̍࣌̕ΑΓ׬શΦϯϥΠϯ։࠵ʂ

    View Slide

  26. ࠷ޙʹ

    View Slide

  27. ࠷ޙʹ
    ༧૝ͳͷͰ֎Εͯ΋ౖΒͳ͍ͰͶ

    View Slide

  28. Thank you !!

    View Slide