Mises en page de conception adaptative courantes
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les mises en page de conception courantes, également appelées mises en page de conception standards, sont des mises en page d'application éprouvées et polyvalentes qui offrent une expérience utilisateur optimale sur la grande variété de tailles d'écran disponibles avec Wear OS.
Utilisez les principes d'UI adaptative et responsive pour offrir une expérience de la plus haute qualité à tous les utilisateurs. Les UI adaptatives s'étirent et se modifient pour exploiter tout l'espace disponible à l'écran, quelle que soit la taille de l'écran sur lequel elles sont affichées.
Les UI adaptatives changent de manière responsive, à l'aide de composants et de méthodes intégrés directement à la logique de mise en page. Ces mises en page utilisent également des points de rupture de taille d'écran (en appliquant une conception différente à différentes tailles d'écran) pour créer une expérience encore plus riche pour tous.
Utiliser des mises en page courantes établies
Utilisez des mises en page canoniques établies pour aider vos UI à s'adapter facilement à différentes tailles d'appareils. Ces mises en page standards offrent une expérience de haute qualité sur toutes les tailles d'écran.
Cartes (mises en page sans défilement)
Les cartes sont des mises en page de vue sans défilement qui permettent d'accéder rapidement aux informations et aux actions dont les utilisateurs ont besoin pour effectuer des tâches. Un geste sur le cadran permet à l'utilisateur de suivre ses progrès vers ses objectifs de remise en forme, de consulter la météo et plus encore. Vous pouvez lancer une application ou effectuer des tâches essentielles en un clin d'œil à l'aide des cartes.
Applications (mises en page à défilement)
Les dispositions de vue d'application à défilement incluent les listes (ScalingLazyColumn) et les boîtes de dialogue.
Ces mises en page constituent la majorité des écrans d'application et représentent un ensemble de composants qui doivent s'adapter aux tailles d'écran plus grandes.
Applications (mises en page non déroulantes)
Les mises en page de vue d'application non déroulantes incluent les lecteurs multimédias, les sélecteurs, les sélecteurs, certaines boîtes de dialogue et des écrans de fitness ou de suivi spéciaux qui utilisent des indicateurs de progression.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/26 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/07/26 (UTC)."],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]
