Groupe de boutons

Un groupe de boutons fournit un conteneur de boutons dans lequel il est possible de naviguer.

Les éléments de conception doivent être ancrés en bas du cadre.

Principes

Axé sur l'action : contient des boutons sur lesquels il est possible d'agir, plutôt que des groupes de libellés.

Structuration : regroupe les actions avec le mouvement et la mise au point.

Flexible : peut être constitué de plusieurs types de boutons.

Utilisation et emplacement

Utilisez un groupe de boutons pour afficher plusieurs boutons. Lorsque vous présentez plusieurs boutons, utilisez un composant de groupe de boutons plutôt que de les disposer indépendamment.

groupe de boutons

Un groupe de boutons peut être constitué de n'importe quelle combinaison de types de boutons de même hauteur.

Conservez une hauteur de bouton cohérente dans un groupe de boutons.
Regroupez les boutons de différentes hauteurs.

Les groupes de boutons peuvent être associés à d'autres éléments, tels que des cartes ou des piles, pour agir comme des actions associées.

Limitez-vous à un seul groupe de boutons par mise en page.
Empilez plusieurs groupes de boutons.

Une mise en page de groupe de boutons peut être contenue ou en dépassement, avec 1 à 10 boutons.

groupe de boutons

B. Contenu : le groupe de boutons s'adapte à la largeur du conteneur sans que des éléments ne soient coupés.

D. Dépassement : la largeur du groupe de boutons est supérieure à l'espace disponible dans le conteneur.

Limitez-vous à 10 boutons et ne conservez que les boutons essentiels pour réduire le nombre de balayages.
Dépassez 10 boutons dans le groupe de boutons.

Concentration

La mise au point initiale est définie par défaut sur le bouton le plus à gauche, mais elle peut être configurée pour être centrée pour les groupes de boutons symétriques.

Configurez la mise au point pour mettre en évidence les fonctionnalités les plus accessibles ou les plus importantes.
Remplacez la mise au point initiale par défaut si tous les éléments ont une importance similaire pour le cas d'utilisation.

mise en page centrée

Un groupe de boutons aligné au centre en fonction de l'élément de mise au point initial, qui fait glisser la mise au point par balayage. Évitez d'utiliser une mise en page en dépassement, car tous les boutons doivent être visibles et contenus dans une mise en page centrée.

Mise en page alignée à gauche

La mise en page du groupe de boutons aligné à gauche inclut des marges de début et de fin de 44 dp à partir des bords. Les boutons défilent en douceur vers le centre en trois étapes lors du balayage et s'accélèrent lorsqu'ils glissent.

Anatomie

Mise en page alignée à gauche

Le groupe de boutons est un composant de conteneur qui regroupe 1 à 10 boutons de n'importe quel type et de hauteur cohérente. Pour en savoir plus sur les boutons, consultez les conseils concernant les boutons.

Personnalisation

Un ensemble de groupes de boutons peut être constitué de n'importe quelle combinaison de types de boutons de même hauteur.

Propriétés Personnalisation Valeurs par défaut
Focalisation initiale Oui 0