Cette page a été traduite par l'API Cloud Translation.

Boutons

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

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. — La longueur maximale du libellé du bouton est de 20 caractères. La largeur minimale du bouton est de 156 dp.

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.

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. — Les boutons sont placés à droite de la barre d'application

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

Bouton principal

Les bords arrondis d'un bouton héros soulignent son importance

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 — Boutons remplis et non remplis, où le bouton plein indique l'action principale

bouton plein désactivé — La couleur et l'opacité de ce bouton plein indiquent un état désactivé

Boîte de dialogue du bouton non rempli — Les boutons non remplis d'une boîte de dialogue indiquent des actions de pondération égale

durée du mouvement d'ondulation du bouton — Ces ondulations durent 330 ms. Ils permettent de confirmer le contact de l'utilisateur à l'aide d'un bouton.

Animation d'ondulation des boutons — Ces ondulations recouvrent initialement 60% de la surface du bouton. Elles se développent lorsque l'utilisateur appuie dessus et s'arrêtent à 10 dp du bord du bouton.