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

Half modal comparision in iOS15

darquro
September 17, 2021

Half modal comparision in iOS15

iOSDC Japan 2021 スポンサーセッションで発表したスライドです。

darquro

September 17, 2021
Tweet

More Decks by darquro

Other Decks in Technology

Transcript

  1. Half modal comparison in iOS15
    Sep 17sh, 2021
    iOSDC Japan 2021 Sponsor
    Session
    Yuki Kuroda

    View full-size slide

  2. 2
    Yuki Kuroda
    Mobile Engineer/Engineering Manager
    Rakuten Group, Inc.
    @darquro

    View full-size slide

  3. 3
    Table of Contents
    1. Half modal implementation in iOS14 or earlier
    (UIPresentationController)
    2. Explain customizable sheet appeared from iOS15
    (UISheetPresentationController)
    3. Comparison each implementation
    https://developer.apple.com/videos/play/wwdc2021/10
    063/

    View full-size slide

  4. 4
    Half modal implementation in iOS14 or earlier

    View full-size slide

  5. 5
    Half modal implementation in iOS14 or earlier

    View full-size slide

  6. 6
    Half modal implementation in iOS14 or earlier

    View full-size slide

  7. 7
    Half modal implementation in iOS14 or earlier

    View full-size slide

  8. 8
    Half modal implementation in iOS14 or earlier
    😮💨

    View full-size slide

  9. 9
    Half modal implementation in iOS14 or earlier
    R Hack
    https://commerce-
    engineer.rakuten.careers/entry/tech/0024
    GitHub
    https://github.com/Fablic/ios_semi_modal_sample

    View full-size slide

  10. 10
    Explain customizable sheet appeared from iOS15
    Customize and resize sheets in UIKit
    https://developer.apple.com/videos/play/wwdc2021/1
    0063/

    View full-size slide

  11. 11
    Explain customizable sheet appeared from iOS15

    View full-size slide

  12. 12
    Explain customizable sheet appeared from iOS15

    View full-size slide

  13. 13
    Explain customizable sheet appeared from iOS15
    ⚠ Can NOT place outside like
    Facebook or Slack

    View full-size slide

  14. 14
    Explain customizable sheet appeared from iOS15

    View full-size slide

  15. 15
    Explain customizable sheet appeared from iOS15
    Customize and resize sheets in UIKit
    https://developer.apple.com/videos/play/wwdc2021/1
    0063/

    View full-size slide

  16. 16
    Explain customizable sheet appeared from iOS15

    View full-size slide

  17. 17
    What we should be careful using it?
    🤔🤔🤔

    View full-size slide

  18. 18
    1. Only 2 sizes are defined and cannot be customized

    View full-size slide

  19. 19
    1. Only 2 sizes are defined and cannot be customized
    UIPresentationController UISheetPresentationController

    View full-size slide

  20. 20
    2. It be able to touch the parent screen depend on the configuration

    View full-size slide

  21. 21
    Summary
    • UISheetPresentationController provides half size sheet.
    If you want height flexibility, choose
    UIPresentationController.
    • UISheetPresentationController is able to touch the parent
    screen.
    • Given the constraints, you can quickly implement half-
    modal.

    View full-size slide

  22. 22
    We are hiring!
    私達と
    ⼀緒にサービスを作る
    仲間を募集しています
    Hello!
    https://careers.fril.jp/

    View full-size slide

  23. Thank you for
    listening!

    View full-size slide