Barre d'état

La barre d'état affiche l'heure et la météo, ainsi que des informations sur l'état du système, telles que la connectivité et le niveau de la batterie.

Cette section décrit les éléments de la barre d'état et les options pour différents niveaux de transparence de l'arrière-plan.


Anatomie

La barre d'état s'affiche en haut de l'écran et affiche les éléments ci-dessous. Les utilisateurs peuvent activer ou désactiver l'affichage météo dans les paramètres.

Les éléments de la barre d'état s'affichent dans le même ordre pour les voitures qui se trouvent à gauche et à droite.

Anatomie de la barre d'état
1. Horloge : affichage numérique de l'heure actuelle
2. Informations météo : icônes représentant la température et la météo
3. Connectivité : Wi-Fi et mobile
4. Niveau de la batterie

Options d'arrière-plan

Trois options sont disponibles pour l'arrière-plan de la barre d'état:

  • Opaque
  • Transparent
  • Dégradé semi-transparent

Bien que l'option par défaut consiste à utiliser un arrière-plan opaque, les développeurs d'applications peuvent également choisir des arrière-plans transparents ou semi-transparents pour la barre d'état de leurs applications.

Opaque

Par défaut, la barre d'état s'affiche avec un arrière-plan opaque afin de protéger la lisibilité des éléments de la barre d'état autant que possible. Toutefois, l'activation d'un certain degré de transparence permet une transition plus fluide entre la barre d'état et le contenu de l'application, et permet l'affichage d'une plus grande partie du contenu de l'application.

Transparent

Les applications dont les écrans offrent un contraste suffisant derrière les éléments de la barre d'état peuvent utiliser un arrière-plan transparent. Cette option est actuellement utilisée pour la plupart des applications multimédias et de communication, ainsi que pour les expériences système telles que le lanceur d'applications.

Captures d'écran du lanceur d'applications et de l'écran de lecture multimédia d'iHeartRadio
Dans ces exemples, la couleur d'arrière-plan est déjà unie sur l'écran. L'arrière-plan transparent de la barre d'état permet donc de l'intégrer parfaitement.

Dégradé semi-transparent

Les applications qui affichent des informations visuelles en haut de l'écran peuvent donner à la barre d'état un arrière-plan semi-transparent avec un dégradé linéaire. Le dégradé offre une opacité suffisante pour que les éléments de la barre d'état soient lisibles, tandis que la transparence partielle permet de maintenir les informations de l'application visibles.

Captures d'écran des applications de navigation
Les applications de navigation peuvent utiliser un dégradé linéaire semi-transparent derrière la barre d'état pour que les éléments de la carte restent visibles, tout en rendant les éléments de la barre d'état lisibles.