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 Projeto de Código Aberto do Android (AOSP). Eles podem ter uma cor de fundo sólida ou serem vazios (com fundo transparente). Botões preenchidos indicam uma ação principal ou preferencial. Os botões podem aparecer individualmente ou em grupos – diferentemente das abas , que sempre aparecem em grupos.

Anatomia

Anatomia dos botões
1. Recipiente de botão vazio
2. Recipiente de botão preenchido, indicando a ação principal ou preferencial.
3. Etiqueta 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 vs. botão padrão

Os botões podem incluir ícones. Quando incluídos, os ícones geralmente aparecem à esquerda do texto do botão.
Os botões podem incluir ícones. Quando incluídos, os ícones geralmente aparecem à esquerda do texto do botão.

Os botões podem aparecer como elementos em outros componentes, como a barra de aplicativos ou diálogos .

Posicionamento dos botões na barra de aplicativos

Os botões estão localizados no lado direito da barra de aplicativos.
Os botões estão localizados no lado direito da barra de aplicativos.

Botão na caixa de diálogo

Os botões em caixas de diálogo geralmente estão localizados no canto inferior esquerdo da caixa de diálogo.
Os botões em caixas de diálogo geralmente estão localizados no canto inferior esquerdo da caixa de diálogo.

Botão de herói

As bordas arredondadas de um botão de herói enfatizam sua importância.
As bordas arredondadas enfatizam a importância de um botão principal.

Personalização

Os fabricantes de equipamentos originais (OEMs) podem refletir sua marca modificando a aparência visual de um botão, como por exemplo:

  • Especificar uma cor de destaque
  • Fornecimento de ícones personalizados
  • Adicionando fontes personalizadas
  • Alterar a aparência de botões ativos, inativos e desativados.
  • Definir as dimensões dos botões, o formato dos cantos e o posicionamento.
  • Utilizando o movimento para fornecer feedback aos usuários.

O Guia de Integração da Biblioteca de Interface do Usuário Automotivo fornece orientações para fabricantes de equipamentos originais (OEMs) sobre como personalizar componentes.

Exemplos

botões vazios e preenchidos
Botões vazios e preenchidos, onde o botão preenchido indica a ação principal.
botão preenchido desativado
A cor e a opacidade deste botão preenchido indicam que ele está desativado.
Diálogo de botão vazio
Os botões não preenchidos em uma caixa de diálogo indicam ações com o mesmo peso.
duração do movimento de ondulação do botão
Esses movimentos ondulatórios 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 dos botões
Inicialmente, esses movimentos ondulatórios cobrem 60% da superfície do botão. Eles se expandem a partir do ponto de toque do usuário e param a 10 dp da borda do botão.