Botões

Um botão comunica uma ação que ocorre quando um usuário o toca.

Os botões são componentes padrão do Android Open Source Project (AOSP). Elas podem ser preenchidas com uma cor sólida de fundo ou não preenchidas (com um plano de fundo transparente). Os botões preenchidos indicam uma ação principal ou preferida. Os botões podem aparecer de maneira independente ou em grupos, ao contrário das guias, que sempre aparecem em grupos.

---

Anatomia

1. Contêiner do botão não preenchido
2. Contêiner do botão preenchido que indica a ação principal ou preferida
3. Rótulo do botão

---

Especificações

Duração mínima e máxima do botão

O tamanho máximo do rótulo do botão é 20 caracteres. O tamanho mínimo do botão é 156 dp.

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.

Os botões podem aparecer como elementos em outros componentes, como a barra de apps ou as caixas de diálogo.

Posição do botão na barra de apps

Os botões são colocados no lado direito da barra de apps

Botão na caixa de diálogo

Os botões em caixas de diálogo geralmente ficam no canto inferior esquerdo de uma caixa de diálogo

Botão Hero

As bordas arredondadas de um botão hero enfatizam a importância dele

---

Personalização

Os OEMs podem refletir a marca modificando a aparência de um botão, como:

• Especificar uma cor de destaque
• Como fornecer ícones personalizados
• Adicionar fontes personalizadas
• Como mudar a aparência de botões ativos, inativos e desativados
• Como definir dimensões, formato do canto e canais do botão
• Como usar movimento para fornecer feedback aos usuários

O Guia de integração da biblioteca de IU do carro fornece orientações ao OEM para personalizar componentes.

O sistema de design fornece orientações específicas para usar o layout, a cor, a tipografia, o dimensionamento, a forma e o movimento para personalizar componentes.

---

Exemplos

Botões não preenchidos e preenchidos, em que o botão preenchido indica a ação principal

A cor e a opacidade do botão preenchido indicam um estado desativado

Botões não preenchidos em uma caixa de diálogo indicam ações de mesmo peso

Esses movimentos de ondulação têm uma duração de 330 ms. Eles são usados para confirmar o contato do usuário com um botão.

Esses movimentos de ondulação inicialmente se sobrepõem a 60% da superfície do botão. Eles se expandem para longe do toque do usuário e param em 10 dp a partir da borda do botão.