Um botão comunica uma ação que ocorrerá quando um usuário tocar nele.
Os botões são componentes padrão do Android Open Source Project (AOSP). Eles podem ser preenchidos com uma cor de plano de fundo sólida ou não preenchidos (com um plano de fundo transparente). Botões preenchidos indicam uma ação principal ou preferencial. Os botões podem aparecer de forma independente ou em grupos, ao contrário das guias, que sempre aparecem em grupos.
Anatomia
![Anatomia dos botões](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?authuser=7&hl=pt)
2. Contêiner do botão preenchido, indicando a ação principal ou preferencial.
3. Rótulo do botão
Especificações
Comprimento mínimo e máximo do botão
![O comprimento máximo do rótulo do botão é de 20 caracteres. A largura mínima do botão é de 156 dp.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?authuser=7&hl=pt)
Botão com ícone x botão padrão
![Os botões podem incluir ícones. Quando incluídos, os ícones normalmente aparecem à esquerda do texto do botão.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?authuser=7&hl=pt)
Os botões podem aparecer como elementos em outros componentes, como a barra de apps ou as caixas de diálogo.
Posicionamento do botão na barra de apps
![Os botões são colocados no lado direito da barra de apps](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?authuser=7&hl=pt)
Botão na caixa de diálogo
![Os botões em caixas de diálogo geralmente ficam no canto inferior esquerdo](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?authuser=7&hl=pt)
Botão principal
![As bordas arredondadas de um botão principal enfatizam sua importância](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?authuser=7&hl=pt)
Personalização
Os OEMs podem refletir a marca modificando a aparência de um botão, por exemplo:
- Como especificar uma cor de destaque
- Como fornecer ícones personalizados
- Adicionar fontes personalizadas
- Como alterar a aparência de botões ativos, inativos e desativados
- Definir dimensões de botões, formas do canto e posições
- Uso de movimento para fornecer feedback aos usuários
O guia de integração da biblioteca Car UI orienta o OEM sobre como personalizar componentes.
O sistema de design oferece orientações específicas para usar layout, cor, tipografia, tamanho, forma e movimento para personalizar componentes.
Exemplos
![botões preenchidos e não preenchidos](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?authuser=7&hl=pt)
![botão preenchido desativado](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?authuser=7&hl=pt)
![Caixa de diálogo do botão não preenchido](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?authuser=7&hl=pt)
![duração do movimento de ondulação do botão](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?authuser=7&hl=pt)
![Animação de ondulação de botões](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?authuser=7&hl=pt)