Dynamic Island : créez votre première activité pour l’iPhone 14 Pro (iOS 16.1- 👨💻 Tutoriel iOS
Dynamic Island est la nouvelle fonctionnalité des iPhone 14 Pro et iPhone 14 Pro Max. Elle consiste à tirer parti de l’espace pris par l’encoche (ou notch). Il faut pour cela utiliser l’API Activity Kit disponible sur iOS 16.1 (bêta au moment de faire cette vidéo). Il faut également fournir trois états :
– Compact : lorsqu’il n’y a qu’une activité
– Minimal : lorsqu’il y a deux activités
– Expanded : lorsqu’on fait un appui long sur une activité
En parallèle, nous verrons comment utiliser ActivityKit pour afficher un Widget dynamique (= qui se met à jour) sur l’écran de déverrouillage.
⚠️ N’hésitez pas à liker la vidéo pour que d’autres personnes puissent la découvrir.
💙 Si vous n’êtes pas encore abonnés, n’hésitez pas à le faire activer la cloche 🛎 avec toutes les notifications activées !
🗓 Au programme de cette vidéo :
00:00 Introduction
00:40 Démonstration du Dynamic Island sur iPhone 14 Pro
02:10 Le Widget dynamique l’écran de déverrouillage (Live Activity)
02:42 Démonstration du Dynamic Island sur iPhone 14 (et anciens modèles)
03:24 On regarde le code (ActivityKit)
04:41 Comment créer une Live Activity (utilisé par le Dynamic Island)
06:06 L’interface graphique se fait avec un Widget (WidgetKit)
06:56 L’interface graphique du Dynamic Island
09:34 Conclusion sur Dynamic Island
10:27 Des notifications dans le Dynamic Island ?
11:11 A bientôt – pensez à liker 🙂
👉 Liens utiles
Tweet du Human Interface designer chez Apple ayant travaillé sur Dynamic Island
The new project I designed arrives today – the Dynamic Island.
Its goal is to feel like a living, elastic bubble that can fluidly shape shift into different alerts and experiences.
This is just the start, but I’m excited to see it begin its life! pic.twitter.com/HTkhSK69LU
— Chan Karunamuni (@chan_k) September 16, 2022
Documention ActivityKit
https://developer.apple.com/documentation/activitykit/displaying-live-data-with-live-activities
Article sur les notifications dans le Dynamic Island (= custom)
https://anthonycodesofficial.medium.com/new-swiftui-4-dynamic-island-with-notification-ios-16-8b1ad2d512c2
Retrouvez des tutoriaux sur la chaîne DevCafé : https://youtube.flutter.paris/
Retrouvez-moi aussi avec mes deux newsletters :
– Flutter Digest 💙 : https://flutter-digest.com/
– Android Croissants 🥐 : https://android-croissants.com/
Views : 3815
iphone 14
