Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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/

Slide 4

Slide 4 text

4 Half modal implementation in iOS14 or earlier

Slide 5

Slide 5 text

5 Half modal implementation in iOS14 or earlier

Slide 6

Slide 6 text

6 Half modal implementation in iOS14 or earlier

Slide 7

Slide 7 text

7 Half modal implementation in iOS14 or earlier

Slide 8

Slide 8 text

8 Half modal implementation in iOS14 or earlier ๐Ÿ˜ฎ๐Ÿ’จ

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

11 Explain customizable sheet appeared from iOS15

Slide 12

Slide 12 text

12 Explain customizable sheet appeared from iOS15

Slide 13

Slide 13 text

13 Explain customizable sheet appeared from iOS15 โš  Can NOT place outside like Facebook or Slack

Slide 14

Slide 14 text

14 Explain customizable sheet appeared from iOS15

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

16 Explain customizable sheet appeared from iOS15

Slide 17

Slide 17 text

17 What we should be careful using it? ๐Ÿค”๐Ÿค”๐Ÿค”

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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.

Slide 22

Slide 22 text

22 We are hiring! ็ง้”ใจ โผ€็ท’ใซใ‚ตใƒผใƒ“ใ‚นใ‚’ไฝœใ‚‹ ไปฒ้–“ใ‚’ๅ‹Ÿ้›†ใ—ใฆใ„ใพใ™ Hello! https://careers.fril.jp/

Slide 23

Slide 23 text

Thank you for listening!