Barra de status

A barra de status mostra as informações de horário e clima, além de detalhes de status do sistema, como conectividade e nível de bateria.

Esta seção descreve os elementos da barra de status e as opções para vários níveis de transparência do plano de fundo.


Anatomia

A barra de status aparece na parte superior da tela e mostra os elementos mostrados abaixo. Os usuários podem ativar e desativar a previsão do tempo nas Configurações.

Os elementos da barra de status aparecem na mesma ordem para carros com volante esquerdo e direito.

Anatomia da barra de status
1. Relógio: exibição digital da hora atual.
2. Informações sobre o clima: ícones de temperatura e clima
3. Conectividade: Wi-Fi e rede celular
4. Nível da bateria

Opções de plano de fundo

Há três opções para o plano de fundo da barra de status:

  • Opaque
  • Transparente
  • Gradiente semitransparente

Embora a opção padrão seja ter um segundo plano opaco, os desenvolvedores de apps também podem escolher planos de fundo transparentes ou semitransparentes para a barra de status dos apps.

Opaque

Por padrão, a barra de status é renderizada com um plano de fundo opaco para proteger o máximo possível a legibilidade dos elementos. No entanto, optar por um certo grau de transparência proporciona uma transição mais suave entre a barra de status e o conteúdo do app, além de permitir que uma parte maior do conteúdo seja exibida.

Transparente

Os apps cujas telas têm contraste suficiente por trás dos elementos da barra de status podem usar um plano de fundo transparente. Atualmente, essa opção é usada para a maioria dos apps de mídia e comunicação, bem como para experiências do sistema, como o Acesso rápido aos apps.

Capturas de tela do Acesso rápido aos apps e da tela de reprodução de mídia do iHeartRadio
Nesses exemplos, a tela já tem um fundo de cor sólida na parte de cima. Por isso, um plano de fundo transparente para a barra de status ajuda a se mesclar perfeitamente

Gradiente semitransparente

Os apps que mostram informações visuais na parte de cima da tela podem dar à barra de status um plano de fundo semitransparente com um gradiente linear. O gradiente fornece opacidade suficiente para que os elementos da barra de status sejam legíveis, enquanto a transparência parcial ajuda a manter as informações do aplicativo visíveis.

Capturas de tela de apps de navegação
Os apps de navegação podem usar um gradiente linear semitransparente atrás da barra de status para manter os elementos do mapa visíveis e, ao mesmo tempo, tornar os elementos legíveis.