Botão

Os botões oferecem aos usuários acesso a ações que eles podem precisar realizar no carro, por exemplo, confirmar uma escolha ou retornar ao modelo anterior.

Os botões podem incluir o seguinte:

  • Somente ícone
  • Somente rótulo
  • Ícone + rótulo
Exemplos
Exemplos de botões de ação

Suporte a modelos

Você pode usar botões nos seguintes lugares:

Orientação

Considere as seguintes recomendações ao criar botões para seu app.

  • Você pode fornecer cores de primeiro e segundo plano para substituir as cores padrão. No entanto, os OEMs de veículos podem escolher se querem ou não usar as cores fornecidas nas versões do AAOS do seu app.

  • Você pode especificar qual botão é o botão principal.

  • Mantenha os rótulos curtos para evitar o truncamento, principalmente no modelo de navegação, em que o espaço é limitado.

Exemplos
Exemplo de design de botão

Botões principais

Nos modelos de mensagem, mensagem longa e painel, que apresentam até dois botões, você pode marcar um botão como principal para representar a ação principal.

O botão principal será destacado com a cor de destaque do app para visibilidade e facilidade de uso.

Botões temporizados

Você pode criar botões associados a ações padrão que são realizadas automaticamente se o usuário não agir dentro de um período especificado (personalizável pelo app). Para conferir um fluxo de amostra usando essa estratégia, consulte Responder a um alerta temporizado.

Para transmitir a contagem regressiva ao usuário, o botão se torna um timer com um indicador de progresso integrado. A contagem regressiva do timer é indicada por um sombreamento que se move horizontalmente pelo botão.

A Car App Library determina a cor do timer com base na cor de plano de fundo do botão, ajustando-a conforme necessário para garantir contraste suficiente.

Para criar um botão temporizado, atribua uma flag padrão a ele.

Exemplos

Nesses exemplos, a ação Navegar ou Aceitar será realizada automaticamente se o usuário não escolher a outra ação antes que o indicador de progresso sombreado se mova por todo o botão.