Apêndice B, personalização

Para garantir que as personalizações da interface do carro funcionem conforme o esperado, você DEVE seguir os itens descritos abaixo.

Em geral

Os limites nesta seção são verdadeiros independentemente do layout:

Elemento Descrição

Tipografia

  • Os rótulos de texto das guias DEVEM ser largos o suficiente para exibir sequências de pelo menos 6 caracteres “W”.
  • Os contêineres de texto DEVEM ser altos o suficiente para exibir totalmente um único caractere “H”.
  • Os tamanhos dos textos DEVEM aparecer em ordem decrescente, por exemplo:

    car_ui_body_1 > car_ui_body_2 > car_ui_body_3

Contraste

  • O contraste entre o primeiro plano (texto) e o fundo DEVE ser de pelo menos 4,5:1.
  • O contraste entre a cor do botão e o fundo DEVE ser de pelo menos 3:1.
  • O contraste do estado selecionado pela guia com o fundo DEVE ser de pelo menos 4,5:1.
  • O contraste do estado selecionado pela guia com o estado não selecionado DEVE ser de pelo menos 3:1.

Outros

  • Todos os ícones DEVEM ser drawables vetoriais.
  • Os alvos de toque DEVEM ter pelo menos 76 dp de largura.
  • As constantes de preenchimento DEVEM aparecer em ordem decrescente, por exemplo:
    car_ui_padding_0 > car_ui_padding_1 > car_ui_padding_2

Componentes

Os valores fornecidos abaixo se aplicam a componentes específicos:

Elemento Descrição

Barra de ferramentas

 DEVE ser largo o suficiente para exibir sequências de títulos com pelo menos 20 caracteres "W".

Preferência

 DEVE ser largo o suficiente para exibir sequências de títulos com pelo menos 20 caracteres "W".

Visualização com estilo de aplicativo

Deveria estar:

  • Amplo o suficiente para exibir pelo menos 672 pixels independentes de densidade (dp).
  • Alto o suficiente para exibir pelo menos 672 dp.

Disposição

Os limites nesta seção referem-se a layouts e combinações específicas de componentes da biblioteca Car UI. Uma série de casos únicos foi observada e generalizada em padrões emergentes.

Caixa de diálogo Localização

Uma caixa de diálogo de teste que contém o mesmo conteúdo da caixa de diálogo de localização do Google Play Services, criada com componentes da biblioteca Car UI e testada para garantir visibilidade total do conteúdo:

Elemento Descrição
Título DEVE ser largo o suficiente para exibir sequências de pelo menos 38 caracteres “W”.
Corpo

DEVE estar completamente visível e grande o suficiente para exibir:

  • Strings que podem consistir em pelo menos 270 caracteres “W”.
  • Pelo menos quatro linhas de texto.
Chamada para ação (CTA)

O CTA DEVE estar totalmente visível:

  • A caixa de diálogo DEVE ser larga o suficiente para exibir pelo menos dois CTAs.
  • Os títulos DEVEM ser largos o suficiente para exibir sequências de pelo menos 9 caracteres “W”.

Tela de configurações

A tela Configurações de teste é composta pelos componentes da barra de aplicativos, subcabeçalho e elementos de lista, descritos na tabela:

Elemento Descrição
Barra de aplicativos
  • O título DEVE ser largo o suficiente para exibir sequências de pelo menos 12 caracteres “W”.
  • DEVE ter pelo menos 76dp de altura.
Subcabeçalho DEVE ser largo o suficiente para exibir strings de pelo menos 12 caracteres “W”.
Listar elementos

Devemos ser:

  • Amplo o suficiente para exibir sequências de pelo menos 12 caracteres “W”.
  • Pelo menos 76 dp de altura.