Un pulsante comunica un'azione che verrà eseguita quando un utente lo toccherà.
I pulsanti sono componenti standard di Android Open Source Project (AOSP). Possono essere riempiti con un colore di sfondo a tinta unita o vuoti (con uno sfondo trasparente). I pulsanti pieni indicano un'azione principale o preferita. I pulsanti possono apparire in modo indipendente o in gruppi, a differenza delle schede, che appaiono sempre in gruppi.
Anatomia
![Anatomia dei pulsanti](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?authuser=1&hl=it)
2. Contenitore del pulsante riempito, che indica l'azione principale o preferita
3. Etichetta del pulsante
Specifiche
Lunghezza minima e massima del pulsante
![La lunghezza massima dell'etichetta del pulsante è 20 caratteri. La larghezza minima del pulsante è 156 dp.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?authuser=1&hl=it)
Pulsante con icona e pulsante predefinito
![I pulsanti possono includere icone. Se incluse, le icone in genere vengono visualizzate a sinistra del testo del pulsante.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?authuser=1&hl=it)
I pulsanti possono essere visualizzati come elementi in altri componenti, ad esempio la barra dell'app o le finestre di dialogo.
Posizionamento del pulsante nella barra delle app
![I pulsanti si trovano sul lato destro della barra delle app](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?authuser=1&hl=it)
Pulsante nella finestra di dialogo
![I pulsanti nelle finestre di dialogo si trovano in genere nella parte inferiore sinistra di una finestra di dialogo](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?authuser=1&hl=it)
Pulsante Hero
![I bordi arrotondati di un pulsante hero ne enfatizzano l'importanza](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?authuser=1&hl=it)
Funzionalità di
Gli OEM possono rispecchiare il loro brand modificando l'aspetto visivo di un pulsante, ad esempio:
- Specificare un colore di contrasto
- Fornitura di icone personalizzate
- Aggiungere caratteri personalizzati
- Modifica dell'aspetto dei pulsanti attivi, non attivi e disattivati
- Impostazione delle dimensioni dei pulsanti, della forma degli angoli e dei posizionamenti
- Utilizzare il movimento per fornire feedback agli utenti
La guida all'integrazione della libreria dell'interfaccia utente dell'auto fornisce indicazioni per gli OEM per la personalizzazione dei componenti.
Il sistema di progettazione fornisce indicazioni specifiche su come utilizzare layout, colore, tipografia, dimensioni, forma e movimento al fine di personalizzare i componenti.
Esempi
![pulsanti vuoti e riempiti](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?authuser=1&hl=it)
![pulsante compilato disattivato](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?authuser=1&hl=it)
![Finestra di dialogo del pulsante Inevaso](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?authuser=1&hl=it)
![durata del movimento dell'ondulazione del pulsante](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?authuser=1&hl=it)
![Animazione dell'ondulazione dei pulsanti](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?authuser=1&hl=it)