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!