Barra de estado

La barra de estado muestra la hora y la información del clima, junto con los detalles del estado del sistema, como la conectividad y el nivel de batería.

En esta sección, se describen los elementos de la barra de estado y las opciones para varios niveles de transparencia de fondo.


Anatomía

La barra de estado aparece en la parte superior de la pantalla y muestra los elementos que se muestran a continuación. Los usuarios pueden activar o desactivar la visualización del clima en Configuración.

Los elementos de la barra de estado aparecen en el mismo orden para los automóviles con dirección a la izquierda y a la derecha.

Anatomía de la barra de estado
Anatomía de la barra de estado.
  1. Reloj: Pantalla digital de la hora actual.
  2. Información del clima: Muestra la temperatura y los íconos del clima.
  3. Conectividad: Wi-Fi y datos móviles.
  4. Nivel de batería

Opciones de fondo

Existen 3 opciones para el fondo de la barra de estado:

  • Opaque
  • Transparente
  • Gradiente semitransparente

Si bien la opción predeterminada es tener un fondo opaco, los desarrolladores de apps también pueden elegir fondos transparentes o semitransparentes para la barra de estado en sus apps.

Opaque

De forma predeterminada, la barra de estado se renderiza con un fondo opaco para proteger la legibilidad de los elementos de la barra de estado tanto como sea posible. Sin embargo, optar por cierto grado de transparencia proporciona una transición más fluida entre la barra de estado y el contenido de la app, además de permitir que se muestre una parte más grande del contenido de la app.

Transparente

Las apps cuyas pantallas proporcionan suficiente contraste detrás de los elementos de la barra de estado pueden usar un fondo transparente. Esta opción se usa para la mayoría de las apps de comunicación y multimedia, así como para las experiencias del sistema, como el selector de apps.

Capturas de pantalla del selector de aplicaciones y la pantalla de reproducción de contenido multimedia de iHeartRadio
En estos ejemplos, la pantalla ya tiene un fondo de color sólido en la parte superior, por lo que un fondo transparente para la barra de estado ayuda a que se integre sin problemas.

Gradiente semitransparente

Las apps que muestran información visual que se extiende hasta la parte superior de la pantalla pueden darle a la barra de estado un fondo semitransparente con un gradiente lineal. El gradiente proporciona suficiente opacidad para que los elementos de la barra de estado sean legibles, mientras que la transparencia parcial ayuda a mantener visible la información de la app.

Capturas de pantalla de apps de navegación
Las apps de navegación pueden usar un gradiente lineal semitransparente detrás de la barra de estado para mantener visibles los elementos del mapa y, al mismo tiempo, hacer que los elementos de la barra de estado sean legibles.