Barra de status

A barra de status mostra informações sobre a hora e o clima, além de detalhes do status do sistema, como conectividade e nível da bateria.

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


Anatomia

A barra de status aparece na parte de cima da tela e exibe os elementos mostrados abaixo. Os usuários podem ativar e desativar a exibição do clima nas configurações.

Os elementos da barra de status aparecem na mesma ordem para carros com direção à esquerda e à direita.

Anatomia da barra de status
Anatomia da barra de status.
  1. Relógio: mostra a hora atual em formato digital.
  2. Informações sobre o clima: temperatura e ícones do clima.
  3. Conectividade: Wi-Fi e 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 plano de fundo opaco, os desenvolvedores de apps também podem escolher planos de fundo transparentes ou semitransparentes para a barra de status nos apps.

Opaque

Por padrão, a barra de status é renderizada com um plano de fundo opaco para proteger a legibilidade dos elementos da barra de status o máximo possível. No entanto, optar por um 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 que têm telas que oferecem contraste suficiente por trás dos elementos da barra de status podem usar um plano de fundo transparente. Essa opção é usada para a maioria dos apps de mídia e comunicação, além de experiências do sistema, como o iniciador de 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 plano de fundo de cor sólida na parte de cima. Portanto, um plano de fundo transparente para a barra de status ajuda a se misturar perfeitamente

Gradiente semitransparente

Os apps que mostram informações visuais que se estendem até a parte de cima da tela podem dar à barra de status um plano de fundo semitransparente com um gradiente linear. O gradiente oferece 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 app 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 tornar os elementos da barra de status legíveis