Half modal comparision in iOS15

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

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!