Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
De nombreuses montres de l'écosystème Wear OS ont des tailles d'écran différentes.
Lorsque vous concevez pour Wear OS, n'oubliez pas que les surfaces de votre application sont affichées sur ces différentes tailles d'écran.
Principes
Gardez les principes suivants à l'esprit lorsque vous concevez pour différents appareils.
Le petit d'abord
Concevez toujours en premier lieu le plus petit émulateur d'écran rond compatible : 192 dp. Ensuite, optimisez-les pour les appareils plus grands.
Conception pour mise à l'échelle
Définissez les marges extérieures sous forme de pourcentages plutôt que de valeurs absolues, afin qu'elles puissent s'adapter proportionnellement aux écrans ronds et éviter de rogner les éléments de l'interface utilisateur.
Taille de la police
La hauteur d'un élément d'interface utilisateur peut changer de manière non linéaire, en fonction de la mise à l'échelle de la police et des paramètres d'accessibilité tels que le texte en gras.
Exemples de tailles d'écran courantes
Les tailles d'écran suivantes sont particulièrement courantes pour les appareils Wear OS.
Il est préférable d'utiliser une résolution de 225 dp comme point d'arrêt entre les petits et les grands écrans.
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/27 (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/27 (UTC)."],[],[],null,["# Screen sizes\n\nMany of the watches within the Wear OS ecosystem have different screen sizes.\nWhen designing for Wear OS, keep in mind that your app surfaces are displayed on\nthese different screen sizes.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing for different devices.\n\n### Small first\n\nAlways design for the smallest supported round-screen emulator first:\n192 dp. Then, optimize for larger devices.\n\n### Design for scale\n\nDefine outer margins as percentages rather than absolute values, so that margins\ncan scale proportionally on round screens and avoid clipping any UI elements.\n\n### Font size\n\nThe height of a UI element might change in a non-linear way, depending on font\nscaling and accessibility settings such as bold text.\n\nExamples of common screen sizes\n-------------------------------\n\nThe following screen sizes are particularly common choices for Wear OS devices.\nIt's beneficial to use 225 dp as a breakpoint between smaller screens and larger\nscreens. \n192 dp to 224 dp \n225 dp to 240+ dp\n\nCanonical adaptive layouts\n--------------------------\n\nVisit the [canonical adaptive layouts](/design/ui/wear/guides/foundations/canonical-adaptive-layouts) page for more information on designing\nfor a variety of screen sizes."]]
