Personalize os ícones do aplicativo

A Biblioteca de Aplicativos Android para Carros oferece uma estrutura baseada em modelos que equilibra a identidade visual de aplicativos de terceiros com o design exclusivo do seu veículo. Embora o Google padronize a estrutura geral por questões de segurança, você pode personalizar o tamanho, a forma e as proporções dos ícones dos aplicativos para criar uma experiência harmoniosa.

Você pode escolher se os ícones dos aplicativos terão cantos arredondados.

O que você pode personalizar?

A iconografia na biblioteca é um esforço colaborativo entre o desenvolvedor do aplicativo e você, o fabricante do carro. Os desenvolvedores de aplicativos fornecem os ícones básicos do aplicativo, imagens da marca e cores de destaque personalizadas (incluindo variantes claras e escuras).

Você pode personalizar o tamanho, a forma e as proporções específicas desses ícones para garantir que eles se adaptem ao seu hardware e sistema de design.

Veja a seguir as diferentes maneiras de ajustar a forma como os ícones aparecem em todo o sistema:

1. Dimensionamento e formatos globais

Você define as dimensões exatas em pixels para os ícones grandes e pequenos designados pela biblioteca. Isso permite redimensionar os ícones para atender aos seus requisitos específicos de tela sensível ao toque. Você também pode personalizar os contêineres, decidindo se os ícones devem aparecer em círculos, quadrados ou formatos personalizados para combinar com o tema do seu carro.

2. Controles de ícones de mídia e sistema

Você também pode personalizar a renderização de ícones funcionais específicos:

  • Ações padrão: Você pode personalizar ícones para ações de reprodução padrão (como reproduzir, pausar ou parar) usando sobreposições de recursos de tempo de execução (RROs) direcionadas à biblioteca CarMediaCommon .
  • Ícones de formato de conteúdo: Você deve renderizar os arquivos vetoriais fornecidos pelos aplicativos, mas pode optar por usar a versão grande para as visualizações principais de reprodução e a versão pequena para visualizações secundárias, como uma barra minimizada.
  • Botão seletor de aplicativos: Para usar o logotipo da fonte de mídia atual como botão seletor de aplicativos do seu sistema, você pode definir o parâmetro use_media_source_logo_for_app_selector como true .
3. Gerenciando ícones de terceiros no iniciador

Ao projetar uma grade ou um iniciador de aplicativos, você deve exibir o ícone do aplicativo sempre que o conteúdo dele estiver visível, para que os motoristas possam identificar a origem. Embora não seja possível alterar o logotipo de terceiros em si, você pode personalizar o plano de fundo ou o bloco em que ele está posicionado para criar uma aparência uniforme em todo o seu iniciador.

Diretrizes de projeto

Para manter uma experiência de condução de alta qualidade, siga estes princípios ao personalizar os ícones:

  • Visibilidade: Exiba claramente o ícone do aplicativo na barra de aplicativos, no cabeçalho do aplicativo ou na interface do seletor de aplicativos para ajudar os usuários a reconhecerem a fonte do conteúdo.
  • Contraste: Mantenha uma relação de contraste de pelo menos 4,5:1 entre os ícones e o fundo para garantir a legibilidade.
  • Cores de destaque do aplicativo: Embora você possa ajustar as cores padrão para combinar com a decoração do seu ambiente, considere usar a cor de destaque fornecida pelo aplicativo nos indicadores de progresso ou botões para reforçar a identidade da marca.
  • Áreas de toque: Verifique se todos os botões baseados em ícones mantêm um tamanho mínimo de área de toque de pelo menos 76 x 76 dp.