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

Half modal comparision in iOS15

B79e8f240b4b730fb692ab93ad42a89b?s=47 darquro
September 17, 2021

Half modal comparision in iOS15

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

B79e8f240b4b730fb692ab93ad42a89b?s=128

darquro

September 17, 2021
Tweet

Transcript

  1. Half modal comparison in iOS15 Sep 17sh, 2021 iOSDC Japan

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

  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/
  4. 4 Half modal implementation in iOS14 or earlier

  5. 5 Half modal implementation in iOS14 or earlier

  6. 6 Half modal implementation in iOS14 or earlier

  7. 7 Half modal implementation in iOS14 or earlier

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

  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
  10. 10 Explain customizable sheet appeared from iOS15 Customize and resize

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

  12. 12 Explain customizable sheet appeared from iOS15

  13. 13 Explain customizable sheet appeared from iOS15 ⚠ Can NOT

    place outside like Facebook or Slack
  14. 14 Explain customizable sheet appeared from iOS15

  15. 15 Explain customizable sheet appeared from iOS15 Customize and resize

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

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

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

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

    customized UIPresentationController UISheetPresentationController ⚠
  20. 20 2. It be able to touch the parent screen

    depend on the configuration ⚠
  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.
  22. 22 We are hiring! 私達と ⼀緒にサービスを作る 仲間を募集しています Hello! https://careers.fril.jp/

  23. Thank you for listening!