Un bouton communique une action qui se produit lorsqu'un utilisateur appuie dessus.
Les boutons sont des composants standards de projet Android Open Source (AOSP). Elles peuvent être remplies avec une couleur d'arrière-plan unie ou non remplies (avec un arrière-plan transparent). Les boutons pleins indiquent une action principale ou préférée. Ils peuvent s'afficher indépendamment ou de façon groupée, contrairement aux onglets, qui apparaissent toujours dans des groupes.
Anatomie
![Anatomie des boutons](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?authuser=19&hl=fr)
2. Conteneur du bouton rempli, indiquant l'action principale ou préférée
3. Libellé du bouton
Caractéristiques techniques
Longueur minimale et maximale du bouton
![Le libellé du bouton ne doit pas dépasser 20 caractères. La largeur minimale du bouton est de 156 dp.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?authuser=19&hl=fr)
Bouton avec icône et bouton par défaut
![Les boutons peuvent inclure des icônes. Lorsqu'elles sont incluses, les icônes apparaissent généralement à gauche du texte du bouton.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?authuser=19&hl=fr)
Les boutons peuvent apparaître sous forme d'éléments dans d'autres composants, tels que la barre d'application ou les boîtes de dialogue.
Positionnement des boutons dans la barre d'application
![Les boutons sont placés à droite de la barre d'application.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?authuser=19&hl=fr)
Bouton dans la boîte de dialogue
![Les boutons des boîtes de dialogue se trouvent généralement en bas à gauche de celles-ci](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?authuser=19&hl=fr)
Bouton principal
![Les bords arrondis d'un bouton héros soulignent son importance](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?authuser=19&hl=fr)
Fonctionnalités
Les OEM peuvent refléter leur marque en modifiant l'apparence visuelle d'un bouton, par exemple:
- Spécifier une couleur d'accentuation
- Fournir des icônes personnalisées
- Ajouter des polices personnalisées
- Modification de l'apparence des boutons actifs, inactifs et désactivés
- Définition des dimensions, de la forme d'angle et des emplacements des boutons
- Utiliser le mouvement pour fournir un feedback aux utilisateurs
Le guide d'intégration de la bibliothèque Car UI fournit des conseils aux OEM sur la personnalisation des composants.
Le système de conception fournit des conseils spécifiques sur l'utilisation de la mise en page, de la couleur, de la typographie, du dimensionnement, de la forme et du mouvement pour personnaliser les composants.
Exemples
![boutons vides et remplis](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?authuser=19&hl=fr)
![bouton plein désactivé](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?authuser=19&hl=fr)
![Boîte de dialogue du bouton non rempli](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?authuser=19&hl=fr)
![durée du mouvement d'ondulation du bouton](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?authuser=19&hl=fr)
![Animation d'ondulation des boutons](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?authuser=19&hl=fr)