Les appareils pliables permettent de développer des applications de manière innovante. Les grands et petits écrans du même appareil offrent des expériences interactives complémentaires, mais distinctes. Les fonctionnalités d'appareils pliables, comme les positions à plat et debout, permettent d'imaginer des mises en page originales et des interfaces utilisateur non conventionnelles.
Design adaptatif
Pour une compatibilité optimale avec les écrans pliés et dépliés d'un appareil pliable, la mise en page doit s'adapter. Les différences de taille et de format des écrans pliés et non pliés peuvent être importantes, ce qui nécessite des mises en page alternatives optimisées pour différentes configurations et tailles d'écran. Les mises en page adaptatives offrent une expérience utilisateur optimisée, que l'appareil pliable soit plié ou déplié, en mode portrait ou paysage, ou en position à plat ou debout.
Par exemple, un appareil pliable avec un grand écran s'apparente à une tablette quand il est déplié en mode paysage. Dans ce cas, une mise en page à deux volets avec une barre de navigation permettra d'exploiter au mieux la taille de l'écran. Plié, l'appareil est semblable à un téléphone standard. Pour faire simple et efficace, optez alors pour une mise en page à une seule colonne avec une barre de navigation en bas. Comme les mises en page sont distinctes, vous pouvez optimiser chacune d'elles pour son cas d'utilisation spécifique.
Pour en savoir plus sur la conception et le développement adaptatifs pour les pliables, consultez les articles suivants :
- Conception : consultez la galerie d'UI pour trouver des idées de mises en page et de modèles pour différents facteurs de forme.
- Développement : suivez les conseils pour les développeurs dans la section Compatibilité avec différentes tailles d'écran afin de créer des mises en page adaptatives.
États et positions des appareils pliables
Le pli d'un appareil pliable divise l'écran en deux. Le pli peut être une zone flexible de l'écran ou, sur les appareils à double écran, une charnière séparant les deux écrans.
Le pli a une dimension et une propriété occlusionType, qui définissent
si le pli masque une partie de l'écran. Sur les appareils à double écran, la valeur de occlusionType est FULL. Aucun contenu n'est visible dans la zone de pli (charnière) même si une application peut couvrir les deux écrans.
Les appareils pliables ont différents états, comme FLAT (entièrement
ouvert) ou HALF_OPENED (entre complètement ouvert et complètement fermé).
Lorsqu'un appareil est à l'état HALF_OPENED, deux positions sont possibles, en fonction de l'orientation du pli : la position à plat (pli horizontal) ou debout (pli vertical).
Les positions à plat et debout offrent de nouvelles possibilités de mise en page, mais l'état HALF_OPENED de l'appareil impose également certaines limites. Par exemple, les commandes de l'interface utilisateur situées près du pli peuvent être difficiles d'accès pour les utilisateurs, et le texte superposé au pli peut être difficile à lire (ou illisible si la valeur de occlusionType est FULL).
Concevez vos mises en page pour que les éléments de l'interface utilisateur soient accessibles dans tous les états des appareils. Positionnez les boîtes de dialogue et les menus pop-up de sorte qu'ils ne se superposent pas au pli. Assurez-vous que le contenu important est visible lorsque l'appareil est partiellement plié. Divisez le contenu en deux parties lorsque l'appareil est à moitié ouvert (en haut et en bas pour la posture à plat, à gauche et à droite pour la posture debout)
En plus des positions, les appareils pliables sont compatibles avec des modes d'affichage uniques :
- Mode d'affichage arrière : permet à votre application d'utiliser l'écran extérieur lorsque l'appareil est déplié, ce qui permet d'utiliser des fonctionnalités telles que l'aperçu de selfie avec la caméra arrière.
- Mode Dual Screen : affiche simultanément du contenu sur les écrans intérieur et extérieur, ce qui permet d'utiliser des fonctionnalités telles que la traduction bidirectionnelle.
Pour en savoir plus sur les plis et les positions des appareils pliables, consultez Rendez votre application pliable aware. Pour savoir comment prendre en charge des modes d'affichage uniques, consultez Compatibilité avec les modes d'affichage des appareils pliables.
Continuité des applications
Une application s'arrête et redémarre, passant d'un écran à un autre lorsqu'un appareil est plié ou déplié. Pour garantir la continuité de l'expérience, l'application doit préserver et rétablir son état de manière transparente, comme indiqué dans les consignes relatives à la qualité des applications adaptatives.
Les différentes dispositions d'écran d'un appareil pliable doivent également être complémentaires. Par exemple, si l'écran plié affiche l'image et la description d'un produit provenant d'une boutique en ligne, l'écran déplié doit afficher la même image et la même description, mais également inclure du contenu complémentaire (par exemple, des caractéristiques ou des avis sur le produit).
Pour en savoir plus sur la gestion de l'état et de la continuité des applications, consultez Enregistrer les états de l'UI et Gérer les modifications de configuration.
Multitâche
Les grands appareils pliables sont dotés d'un écran de taille tablette qui convient parfaitement au mode multifenêtre pour le multitâche. Les appareils pliables sont compatibles avec le mode Écran partagé. Certains sont même compatibles avec le fenêtrage du bureau, où les applications sont contenues dans des fenêtres mobiles et redimensionnables, au même titre qu'un système de fenêtrage de bureau.
|
|
|
|
|
Android 12 (niveau d'API 31) et les versions ultérieures utilisent par défaut le mode multifenêtre. Sur les grands écrans, toutes les applications s'exécutent en mode multifenêtre, quelle que soit leur configuration. Dans les versions antérieures jusqu'à Android 7.0 (niveau d'API 24), vous devez configurer votre application pour qu'elle soit redimensionnable afin de prendre en charge le mode multifenêtre.
Pour en savoir plus sur le mode multifenêtre pour le multitâche, consultez Compatibilité avec le mode multifenêtre.
Glisser-déposer
Les grands appareils pliables offrent un grand espace pour les interactions par glisser-déposer. Le mode multifenêtre sur les pliables permet de faire des glisser-déposer entre les applications.
Les interactions par glisser-déposer créent une expérience utilisateur productive et engageante. Ajoutez des fonctionnalités de glisser-déposer à votre application à l'aide du framework Android de glisser-déposer. Pour en savoir plus, consultez Activer le glisser-déposer.