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

Anatomia dos botões
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 é de 20 caracteres. A largura mínima do botão é 156 dp.
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 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
Os botões são colocados no lado direito da barra de apps

Botão na caixa de diálogo

Os botões nas caixas de diálogo geralmente ficam no canto inferior esquerdo de uma 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 do botão principal destacam a importância dele
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
Botões não preenchidos e preenchidos, em que o botão preenchido indica a ação principal
botão preenchido desativado
A cor e a opacidade do botão preenchido indicam um estado desativado
Caixa de diálogo de botão não preenchida
Botões não preenchidos em uma caixa de diálogo indicam ações de mesmo peso
duração de movimento de ondulação do botão
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.
Animação de ondulação de botões
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.