Botões

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
1. Contêiner do botão não preenchido
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.
O comprimento máximo do rótulo do botão é de 20 caracteres. A largura mínima do botão é de 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.

Posicionamento 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 em caixas de diálogo geralmente ficam no canto inferior esquerdo
Os botões nas caixas de diálogo geralmente ficam no canto inferior esquerdo delas

Botão principal

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

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
Botões preenchidos e não preenchidos, em que o botão preenchido indica a ação principal
botão preenchido desativado
A cor e a opacidade deste botão preenchido indicam um estado desativado
Caixa de diálogo do botão não preenchido
Botões não preenchidos em uma caixa de diálogo indicam ações igualmente ponderadas
duração do 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 10 dp da borda do botão.