Playing Sheet presentation style on iOS 13

Transcript

1. Playing Sheet presentation style on iOS 13 Potatotips #63 19/7/24

   @SmartNews Shin Yamamoto @scenee

2. • iOS Developer • Freelancer • Creator of FloatingPanel Hi,

   I’m @scenee! https://github.com/SCENEE/FloatingPanel

3. What’s Sheet presentation style?

4. Sheet presentation style • New presentation style from iOS 13

   • Mail.app • .pageSheet,.formSheet • Default style in iOS 13 (SDK) ◦ .automatic ≒.pageSheet

5. Sheet Fullscreen Content Non immersive 非没入型 Immersive 没入型 Dismiss •

   Tapping a button • Swiping down (optional) Tapping a button Modality: Sheet and Fullscreen https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/modality/

6. Migration notes • Add a button to dismiss • Care

   the swipe-to-dismiss action • View Controller life cycle

7. Presenting View Controller Life Cycle Sheet Fullscreen viewWillAppear -- Invoked

   viewDidAppear -- Invoked viewWillDisappear -- Invoked viewDidDisappear -- Invoked

8. Presented View Controller Life Cycle Sheet Fullscreen viewWillAppear Invoked Invoked

   viewDidAppear Invoked Invoked viewWillDisappear Multiple invoked Invoked viewDidDisappear Invoked Invoked

9. WWDC19 Sessions • What’s New in iOS Design https://developer.apple.com/videos/play/wwdc2019/808 •

   Modernizing Your UI for iOS 13 https://developer.apple.com/videos/play/wwdc2019/224

10. Sheet presentation features • Swipe to dismiss • Sheet bounce

    • Scroll integration

11. Sheet features • Swipe to dismiss (customizable) • Sheet bounce

    • Scroll integration

12. • Disable to dismiss ◦ Set .isModalnPresentation to true ◦

    UIAdaptivePresentationControllerDelegate ▪ Return false in presentationControllerShouldDismiss Swipe to dismiss

13. • Detect a dismiss action ◦ UIAdaptivePresentationControllerDelegate ▪ presentationControllerDidAttempToDismiss ▪

    presentationControllerWillDismiss ▪ presentationControllerDidDismiss Swipe to dismiss

14. I wonder how to add Mail.app-like UI to suspend and

    resume a task

15. Demo

16. How to implement • Dismiss buttons in NavigationBar on swiping

    up

17. How to implement • Stop dropping a modal view at

    a position Y.

18. How to implement • Change state of the presenting view

    controller
19. None
20. None

21. Recap • Sheet presentation style as default in iOS 13

    • A few APIs to customize the behavior • Imitate a task suspending UI using presentedView

22. Thanks you!