Barra de estado

La barra de estado muestra información sobre el tiempo y el tiempo, junto con 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 a la izquierda y a la derecha.

Anatomía de la barra de estado
1. Reloj: Muestra la hora digital en el momento actual.
2. Información del tiempo: Temperatura y íconos meteorológicos
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, si ofreces cierto grado de transparencia, la transición entre el contenido de la app y la barra de estado será más fluida, además de permitir que se muestre una mayor parte del contenido de esta.

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 aplicaciones multimedia y de comunicación, así como para las experiencias del sistema, como el selector de aplicaciones.

Capturas de pantalla del selector de aplicaciones y la pantalla de reproducción 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 combine 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.