Barre d'état

La barre d'état affiche l'heure et des informations météo, ainsi que des informations sur l'état du système, comme 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 d'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 de la météo dans les paramètres.

Les éléments de la barre d'état apparaissent dans le même ordre pour les voitures à conduite à gauche et à conduite à droite.

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

Options d'arrière-plan

Trois options s'offrent à vous pour l'arrière-plan de la barre d'état:

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

Bien que l'option par défaut soit 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 est affichée avec un arrière-plan opaque, afin de protéger autant que possible la lisibilité des éléments de la barre d'état. Toutefois, opter pour un certain degré de transparence permet une transition plus fluide entre la barre d'état et le contenu de l'application, et permet d'afficher 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 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.

Capture d'écran du lanceur d'applications et de l'écran de lecture multimédia iHeartRadio
Dans ces exemples, l'écran comporte déjà un arrière-plan de couleur unie en haut. Un arrière-plan transparent pour la barre d'état permet donc de la fondre parfaitement dans l'écran.

Dégradé semi-transparent

Les applications qui affichent des informations visuelles jusqu'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 garder les informations de l'application visibles.

Captures d'écran d'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.