Boutons

Un bouton permet de déclencher une action lorsqu'un utilisateur le touche.

Les boutons sont des composants standard du projet Android Open Source (AOSP). Ils peuvent être remplis d'une couleur de fond unie ou vides (avec un fond transparent). Les boutons remplis indiquent une action principale ou privilégiée. Les boutons peuvent apparaître individuellement ou en groupe, contrairement aux onglets qui apparaissent toujours en groupe.

Anatomie

Anatomie des boutons
1. Conteneur à boutons vide
2. Récipient à bouton rempli, indiquant l'action principale ou préférée
3. Étiquette du bouton

Spécifications

Longueur minimale et maximale du bouton

La longueur maximale des étiquettes des boutons est de 20 caractères. La largeur minimale des boutons est de 156 dp.
La longueur maximale des étiquettes des boutons est de 20 caractères. La largeur minimale des boutons est de 156 dp.

Bouton avec icône vs. bouton par défaut

Les boutons peuvent comporter des icônes. Le cas échéant, les icônes apparaissent généralement à gauche du texte du bouton.
Les boutons peuvent comporter des icônes. Le cas échéant, les icônes apparaissent généralement à gauche du texte du bouton.

Les boutons peuvent apparaître comme des éléments dans d'autres composants, tels que la barre d'application ou les boîtes de dialogue .

Emplacement du bouton dans la barre d'application

Les boutons sont placés sur le côté droit de la barre d'application.
Les boutons sont placés sur le côté droit de la barre d'application.

Bouton dans la boîte de dialogue

Les boutons des boîtes de dialogue sont généralement situés en bas à gauche de celles-ci.
Les boutons des boîtes de dialogue sont généralement situés en bas à gauche de celles-ci.

Bouton Héros

Les bords arrondis d'un bouton héros soulignent son importance
Les bords arrondis soulignent l'importance du bouton principal.

Personnalisation

Les fabricants d'équipement d'origine (OEM) peuvent refléter leur marque en modifiant l'apparence visuelle d'un bouton, par exemple :

  • Spécifier une couleur d'accent
  • Fourniture d'icônes personnalisées
  • Ajout de polices personnalisées
  • Modification de l'apparence des boutons actifs, inactifs et désactivés
  • Paramétrage des dimensions des boutons, de la forme des coins et de leur emplacement
  • Utiliser le mouvement pour fournir un retour d'information aux utilisateurs

Le guide d'intégration de la bibliothèque d'interface utilisateur automobile fournit aux équipementiers des conseils pour la personnalisation des composants.

Exemples

boutons vides et pleins
Boutons vides et boutons pleins, le bouton plein indiquant l'action principale.
bouton rempli désactivé
La couleur et l'opacité de ce bouton plein indiquent un état désactivé.
boîte de dialogue du bouton vide
Les boutons non remplis dans une boîte de dialogue indiquent des actions de même importance.
durée du mouvement d'ondulation du bouton
Ces animations en forme d'onde durent 330 ms. Elles servent à confirmer le contact de l'utilisateur avec un bouton.
Animation d'ondulation des boutons
Ces ondulations recouvrent initialement 60 % de la surface du bouton. Elles s'étendent à partir du point de pression de l'utilisateur et s'arrêtent à 10 dp du bord du bouton.