Développez pour tous les écrans grâce aux dernières nouveautés de Jetpack Compose présentées lors du Sommet des développeurs Android

L'écosystème Android est une réalité multi-appareil qui englobe les téléphones, les pliables, les tablettes, les accessoires connectés, les écrans embarqués, la XR et Googlebook. Dans ce contexte, le développement adaptatif est essentiel pour toucher les utilisateurs où qu'ils se trouvent.

Jetpack Compose est la norme pour créer toutes les UI sur Android. En abandonnant l'ancien système View, vous disposez d'une cible de développement unique et unifiée qui élimine les difficultés liées à la maintenance de codebases fragmentés sur différents facteurs de forme. Mais la création de mises en page adaptatives ne représente que la moitié du travail. Lorsque les écrans se plient, que les fenêtres sont redimensionnées ou que les applications passent d'un facteur de forme à un autre, les hypothèses de mise en page traditionnelles peuvent ne plus être valables, et les applications peuvent facilement perdre leur état ou sembler désorganisées. 

Lors du Sommet des développeurs Android, nous avons expliqué comment nous améliorons les bases des applications, tant au niveau de l'UI que de l'architecture, en intégrant Compose plus profondément dans votre couche de données avec Jetpack AppState, tout en vous fournissant des composants adaptatifs tels que FlexBox et Grid, ainsi que des outils compatibles avec les agents pour s'adapter à tous les écrans.

Découvrez ci-dessous quelques-unes de nos annonces récentes ou rendez-vous sur notre site pour les développeurs Android pour accéder à plus de 50 sessions à la demande, y compris sur les bonnes pratiques pour les bases des applications. 

Améliorer les fondations de base et étendre Compose au-delà de l'UI

La prochaine version stable de Compose 1.13 élargit le kit d'outils avec une compatibilité intégrée avec les mises en page adaptatives via Grid et Flexbox, ainsi que de nouvelles fonctionnalités telles que le flou progressif et le texte formaté. Pour découvrir les dernières fonctionnalités graphiques telles que les dégradés de maillage et les flous progressifs sans sacrifier l'autonomie de la batterie ni la fréquence d'images, regardez Améliorez vos applications avec les dernières fonctionnalités graphiques de Jetpack Compose et Android.

En plus du rendu visuel, l'édition de texte Compose propose désormais un BasicTextField entièrement réécrit avec une architecture basée sur un tampon et TextFieldState, ce qui élimine les conditions de concurrence IME et prend en charge les mécanismes d'édition au format texte enrichi. Regardez  Building reliable text editing experiences in Compose (Créer des expériences d'édition de texte fiables dans Compose) pour en savoir plus sur ce changement. 

Lorsque vous introduisez ces expériences visuelles et interactives riches, il est essentiel de maintenir des fréquences d'images fluides et une faible latence de démarrage. Consultez Outperform yourself in Compose (Surpassez-vous dans Compose) pour découvrir comment profiler avec Perfetto et le traçage de recomposition, identifier les antimodèles coûteux et assurer le bon fonctionnement de votre UI.

Compose s'étend également à la couche d'architecture avec Jetpack AppState, désormais en version alpha. AppState intègre le système d'instantanés de Compose à l'architecture de votre application : Transform vous permet de dériver l'état réactif des entrées State et Flow à l'aide du suivi automatique des lectures et du flux de contrôle Kotlin standard, tandis que StateStore vous fournit un conteneur à clé pour partager l'état observable entre les activités, les services d'arrière-plan, les widgets et les fonctions d'application, avec persistance DataStore facultative. Regardez Taking Compose State Beyond the UI with Jetpack AppState (Utiliser l'état Compose au-delà de l'UI avec Jetpack AppState) pour découvrir comment le fait de déplacer l'état Compose vers le haut de votre pile simplifie les pipelines d'état complexes et synchronise toutes les surfaces de votre application.

Concevoir des systèmes de navigation et de saisie robustes pour différents facteurs de forme

À mesure que les applications deviennent plus modulaires, la navigation et les entrées utilisateur doivent rester prévisibles sur tous les points d'entrée et toutes les tailles d'écran. Avec la version 1.2, Jetpack Navigation 3 intègre des liens profonds de sûreté du typage à sa pile "Retour" appartenant au développeur. La sérialisation Kotlin vous permet de mapper directement les URI et intents entrants à des clés de navigation fortement typées, de personnaliser l'analyse des arguments complexes et de créer de manière différée des piles d'historique synthétiques pour que le retour en arrière soit toujours naturel. Pour voir ces API en action, consultez Créer des liens profonds avec sûreté du typage avec Jetpack Navigation 3.

La gestion des entrées a également évolué pour prendre en charge les interactions multimodales sur tous les appareils. Le système de saisie multicouche de Compose s'étend de manière fluide au-delà de l'écran tactile pour prendre en charge les pavés tactiles, les souris et les commandes physiques. Pour découvrir comment gérer les cycles de vie des pointeurs, les états de pointage et les événements matériels sur différents facteurs de forme, regardez Scaling input interactions beyond the touchscreen with Jetpack Compose (Adapter les interactions de saisie au-delà de l'écran tactile avec Jetpack Compose).

Scaling interfaces across large screens, desktop, and beyond (Mise à l'échelle des interfaces sur les grands écrans, les ordinateurs de bureau et plus encore)

Lors du passage d'un appareil pliable à une tablette ou un ordinateur portable, les interfaces doivent s'adapter naturellement plutôt que de simplement étirer le contenu pour remplir des écrans plus grands. Le développement adaptatif avec Compose combine Navigation 3, WindowManager et les workflows agentiques pour vous aider à refactoriser les mises en page mobiles en expériences multipanels responsives avec un minimum de travail manuel. Pour les développeurs qui souhaitent aller plus loin avec leurs mises en page existantes, Mettre à l'échelle votre application pour tous les écrans avec Compose présente ces modèles d'architecture à plusieurs volets et montre comment optimiser les flux de navigation lorsque la taille des fenêtres change.

Le fait d'aller au-delà des facteurs de forme mobiles ouvre également de nouvelles opportunités, comme avec le Googlebook. Pour créer des expériences de type ordinateur, vous devez prendre en charge les périphériques physiques, les environnements de fenêtrage et plus encore. Dans Inside the first wave on Googlebook with Notability and Logitech , les premiers partenaires partagent des stratégies d'ingénierie pratiques pour optimiser les interactions avec le pointeur, le matériel externe et les workflows de niveau ordinateur.

Développez vos compétences Android

Pour vous aider à implémenter ces modèles encore plus rapidement, vous pouvez utiliser les compétences Android pour aider vos agents de codage. Que vous utilisiez Gemini dans Android Studio ou que vous exécutiez la CLI Android avec d'autres agents, ces compétences se chargent du travail fastidieux à votre place et sont conformes aux Consignes relatives à la qualité adaptative. Pour Compose, nous avons actuellement :

• La compétence "Adaptatif" mise à jour aide les agents à transformer les écrans compacts en mises en page multipanneaux responsives, et à gérer les changements d'état et de configuration. Il prend désormais en charge les pliables et les ordinateurs de bureau, en gérant automatiquement le fenêtrage, les raccourcis clavier, les info-bulles et les états de survol du pavé tactile.
• Nouvelle compétence Performances de Compose pour vous aider à optimiser votre codebase
• Compétence Migration de XML vers Compose
• Nouvelle compétence Ink 

Au-delà de l'architecture de base et des mises en page adaptatives, vous pouvez explorer des présentations détaillées sur la lecture Media3, les pipelines CameraX, les expériences embarquées, les graphismes enrichis et les enseignements tirés de la migration de Google Play vers Compose à grande échelle. Découvrez l'ensemble des tutoriels techniques dans la playlist des sessions sur les principes de base des applications du Sommet des développeurs Android pour explorer les architectures, les tutoriels de code et les conseils pratiques.