Gruppo di pulsanti

Un gruppo di pulsanti fornisce un contenitore navigabile di pulsanti.

Principi

Orientato all'azione: contiene pulsanti azionabili, anziché gruppi di etichette.

Contenimento: raggruppa le azioni con movimento e messa a fuoco.

Flessibile: può essere composto da più tipi di pulsanti.

Utilizzo e posizionamento

Utilizza un gruppo di pulsanti per visualizzare più di un pulsante. Quando presenti più pulsanti, utilizza un componente gruppo di pulsanti anziché disporli singolarmente.

Un gruppo di pulsanti può essere costituito da qualsiasi combinazione di tipi di pulsanti con la stessa altezza.

check_circle

Cosa fare

Mantieni le altezze dei pulsanti coerenti in un gruppo di pulsanti.

cancel

Cosa non fare

Raggruppa i pulsanti di altezze diverse.

I gruppi di pulsanti possono essere abbinati ad altri elementi, come schede o pile, per fungere da azioni correlate.

check_circle

Cosa fare

Mantieni un solo gruppo di pulsanti per layout.

cancel

Cosa non fare

Impila più gruppi di pulsanti.

Un layout di gruppo di pulsanti può essere contenuto o in overflow, con un numero di pulsanti compreso tra 1 e 10.

A. Contenuto: il gruppo di pulsanti rientra nella larghezza del contenitore senza che vengano tagliati elementi.

B. Overflow: la larghezza del gruppo di pulsanti è maggiore dello spazio disponibile nel contenitore.

check_circle

Cosa fare

Mantieni i pulsanti sotto i 10 e solo quelli essenziali per ridurre al minimo gli scorrimenti.

cancel

Cosa non fare

Aumenta il numero di pulsanti del gruppo oltre 10.

Concentrazione

Lo stato attivo iniziale è impostato sul pulsante più a sinistra, ma può essere configurato in modo che sia centrato per i gruppi di pulsanti simmetrici.

check_circle

Cosa fare

Configura la messa a fuoco per evidenziare le funzionalità più accessibili o di maggiore importanza.

cancel

Cosa non fare

Esegui l'override dello stato attivo iniziale predefinito se tutti gli elementi hanno un'importanza simile per il caso d'uso.

Un gruppo di pulsanti allineato al centro in base all'elemento iniziale dello stato attivo, che scorre lo stato attivo per ogni scorrimento. Evita di utilizzare un layout di overflow, in quanto tutti i pulsanti devono essere visibili e contenuti in un layout centrato.

Il layout del gruppo di pulsanti allineato a sinistra include margini iniziali e finali di 44 dp dai bordi. I pulsanti scorrono senza problemi verso il centro in tre passaggi con lo scorrimento e aumentano di intensità mentre scorrono.

Anatomia

Il gruppo di pulsanti è un componente contenitore che raggruppa da 1 a 10 pulsanti di qualsiasi tipo e altezza uniforme. Per saperne di più sui pulsanti, leggi le indicazioni relative ai pulsanti.

Personalizzazione

Un insieme di gruppi di pulsanti può essere costituito da qualsiasi combinazione di tipi di pulsanti con la stessa altezza.