Barra de estado

La barra de estado muestra información sobre la hora y el 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 aparecen 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 vehículos con voluntad izquierda y derecha.

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

Opciones de fondo

Hay 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 de 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 un cierto grado de transparencia proporciona una transición más fluida entre la barra de estado y el contenido de la app, y permite que se muestre una porción 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. Actualmente, esta opción se utiliza para la mayoría de las apps de comunicación y contenido multimedia, y también para experiencias del sistema, como el selector de aplicaciones.

Capturas de pantalla del selector de aplicaciones y de 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, de modo 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 a 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 hacer que los elementos de la barra de estado sean legibles