Concevez des widgets Android adaptables et évolutifs. Utilisez nos recommandations les tailles par défaut comme point de départ et tester vos mises en page sur différentes pour garantir une lisibilité optimale et une expérience utilisateur optimale.
Tailles par défaut
Proposez une expérience de widget soignée en optimisant votre mise en page pour au moins un widget
des tailles recommandées. Vérifier le placement et la visibilité corrects dans le widget
l'outil de sélection en définissant les attributs targetCellWidth
et targetCellHeight
pour les deux
les appareils portables
et les tablettes.
Ces valeurs sont basées sur les appareils Pixel. Utilisez ces tailles comme point de départ pour la conception de vos widgets. Testez minutieusement votre widget avec différentes tailles et sur divers appareils pour garantir une expérience utilisateur de qualité.
Caméra à la main
Tailles | Largeur minimale | Largeur maximale | Hauteur minimale | Hauteur maximale |
---|---|---|---|---|
2x1 | 109 | 306 | 44 | 130 |
2x2 | 109 | 306 | 115 | 276 |
2x3 | 109 | 306 | 185 | 422 |
4x1 | 245 | 624 | 44 | 130 |
4x2 | 245 | 624 | 115 | 276 |
4x3 | 245 | 624 | 185 | 422 |
Tablette
Tailles | Largeur minimale | Largeur maximale | Hauteur minimale | Hauteur maximale |
---|---|---|---|---|
2x1 | 180 | 304 | 64 | 120 |
2x2 | 180 | 304 | 184 | 304 |
2x3 | 180 | 304 | 304 | 488 |
3x1 | 328 | 488 | 64 | 120 |
3x2 | 298 | 488 | 184 | 304 |
3x3 | 298 | 488 | 304 | 488 |
3x4 | 298 | 488 | 424 | 672 |
Points d'arrêt
Les points d'arrêt sont essentiels pour créer des redimensionnements adaptables et conviviaux widgets. En testant votre conception, vous pouvez identifier les seuils de taille où la mise en page des ajustements sont nécessaires. Implémentez des points d'arrêt pour déclencher ces modifications, vous assurer que votre widget conserve son attrait visuel et qu'il fonctionne, quelle que soit sa taille.
Les points d'arrêt offrent également la possibilité d'inclure ou d'exclure de manière conditionnelle contenu supplémentaire permettant d'optimiser l'utilisation de l'espace en fonction .
<ph type="x-smartling-placeholder">![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=6&hl=fr)
Respectez les limites
L'une des principales raisons pour lesquelles les utilisateurs suppriment des widgets est un désalignement avec d'autres éléments de l'écran d'accueil. Pour éviter cela, assurez-vous que votre widget remplit toujours complètement alloué l'espace de la grille.
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=6&hl=fr)
À faire
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=6&hl=fr)
À éviter
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=6&hl=fr)
À faire
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=6&hl=fr)