Découvrez de nouvelles possibilités avec Compose Adaptive Layouts 1.2 bêta

Avec l'arrivée de nouveaux facteurs de forme dans l'écosystème Android, comme le Pixel 10 Pro Fold, le développement d'applications adaptatives est essentiel pour créer des expériences utilisateur de haute qualité sur les téléphones, les tablettes et les appareils pliables. Les utilisateurs s'attendent à ce que l'UI de votre application s'adapte de manière fluide à ces différentes tailles et postures.

Pour vous aider à créer ces expériences dynamiques plus efficacement, nous vous annonçons que la bibliothèque Compose Adaptive Layouts 1.2 est officiellement disponible en version bêta. Cette version fournit de nouveaux outils puissants pour créer des interfaces utilisateur soignées et responsives pour cet écosystème d'appareils en pleine expansion.

De nouveaux outils puissants pour un canevas plus grand

La bibliothèque Compose Adaptive Layouts est notre boîte à outils de base pour créer des UI qui s'adaptent à différentes tailles de fenêtre. Cette nouvelle version bêta est dotée de fonctionnalités puissantes qui vous aideront à créer des mises en page sophistiquées avec moins de code. Voici les principaux ajouts :

• Nouvelles stratégies de mise en page puissantes : la version bêta introduit de nouvelles stratégies de mise en page telles que reflow et levitate, conçues pour vous aider à créer des mises en page dynamiques qui s'affichent parfaitement sur les écrans extérieur et intérieur d'un appareil comme le Pixel 10 Pro Fold, le Galaxy Z Fold7 et le Z Flip7.
• Nouvelles classes de taille de fenêtre : cette version ajoute une prise en charge intégrée des nouvelles classes de taille de fenêtre "Large" et "Extra-large". Ces nouveaux points d'arrêt sont essentiels pour concevoir et déclencher des modifications d'UI riches et multipanaux sur les grands écrans tels que les tablettes et les grands appareils pliables.

Deux nouvelles stratégies d'adaptation des volets : réorganisation (à gauche) et lévitation (à droite)

Pour obtenir la liste complète des modifications, consultez la documentation officielle sur la version. Consultez nos guides sur les dispositions canoniques et la création d'une disposition de volet d'assistance.

Engagez davantage d'utilisateurs sur chaque écran

Adopter un état d'esprit adaptatif est plus qu'une bonne pratique, c'est une stratégie de croissance. L'objectif n'est pas seulement de faire fonctionner votre application sur un écran plus grand, mais de la rendre plus intuitive pour les utilisateurs. Au lieu de simplement étirer une mise en page à une seule colonne, réfléchissez à la façon dont vous pouvez utiliser l'espace supplémentaire pour créer des expériences plus efficaces et immersives.

Il s'agit du principe de base des stratégies de mise en page dynamique telles que reflow, une nouvelle fonctionnalité puissante de la version bêta de Compose Adaptive Layouts 1.2 conçue pour vous aider à créer ces UI. Par exemple, un bon point de départ consiste à adopter une mise en page à plusieurs volets. En affichant une liste et la vue détaillée correspondante côte à côte, vous réduisez le nombre de gestes tactiles et permettez aux utilisateurs d'accomplir des tâches plus rapidement.

Ce type de développement adaptatif réfléchi est ce qui stimule réellement l'engagement. Comme nous l'avons souligné lors du dernier épisode de #TheAndroidShow, c'est pourquoi nous constatons que les utilisateurs qui utilisent une application à la fois sur leur téléphone et sur un écran plus grand sont près de trois fois plus engagés. La conception adaptative ne se contente pas de satisfaire vos utilisateurs actuels. Elle crée une expérience plus intéressante et attrayante qui fidélise les utilisateurs et vous aide à en toucher de nouveaux.

L'écosystème Android en pleine expansion, des pliables aux ordinateurs de bureau

Cette évolution vers la conception adaptative s'étend à l'ensemble de l'écosystème Android. Du nouveau Pixel 10 Pro Fold aux derniers pliables Samsung Galaxy, les développeurs ont la possibilité d'engager une base d'utilisateurs importante et en pleine croissance sur plus de 500 millions d'appareils à grand écran.

C'est aussi pourquoi nous continuons d'investir dans des expériences innovantes comme Écrans connectés, que vous pouvez essayer dans la preview développeur. Cette fonctionnalité ouvre de nouvelles surfaces et de nouveaux modèles d'interaction pour les applications, ce qui permet de bénéficier de fonctionnalités de qualité professionnelle et de workflows multi-instances. Nous vous avons déjà expliqué comment débuter avec la preview pour les développeurs d'écrans connectés et découvrir comment elle façonne l'avenir des expériences multi-appareils.

Appliquer les principes adaptatifs

Pour les développeurs qui souhaitent préparer leurs applications à cet avenir adaptatif, voici quelques bonnes pratiques à garder à l'esprit :

• Faites l'inventaire : la première étape consiste à évaluer votre situation actuelle. Testez votre application sur un appareil à grand écran ou avec l'émulateur redimensionnable dans Android Studio pour identifier les points à améliorer, comme les interfaces utilisateur étirées ou les problèmes d'usabilité.
• Prendre en charge les mises en page optimisées : utilisez des bibliothèques comme Compose Adaptive Layouts pour créer une UI qui s'adapte à différentes tailles de fenêtre et postures d'appareil. Votre application doit fonctionner correctement en mode Portrait et Paysage, sans restreindre l'orientation.
• Pensez au-delà du tactile : une expérience adaptative de qualité signifie la prise en charge de toutes les méthodes de saisie. Cela va au-delà des fonctionnalités de base pour inclure des détails bien pensés que les utilisateurs attendent, comme les états de survol pour les curseurs de souris, les menus contextuels au clic droit et la prise en charge des raccourcis clavier.

Le potentiel de votre application ne se limite plus à un seul écran. Découvrez la galerie de conception pour grand écran et les consignes relatives à la qualité des applications pour imaginer le potentiel de votre application. Trouvez l'inspiration et découvrez les modèles de conception, les conseils officiels et les exemples d'applications dont vous avez besoin pour créer des applications pour tous les formats d'écran sur developer.android.com/adaptive-apps.