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, comme la connectivité et le niveau de la batterie.

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


Anatomie

La barre d'état apparaît en haut de l'écran et affiche les éléments ci-dessous. Les utilisateurs peuvent activer et 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 à 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 de température et météo
3. Connectivité : Wi-Fi et réseau mobile
4. Niveau de la batterie

Options d'arrière-plan

Vous disposez de trois options 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, l'arrière-plan de la barre d'état est opaque afin de préserver autant que possible la lisibilité des éléments de cette barre. Toutefois, choisir un certain degré de transparence offre 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. Actuellement, 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.

Captures d'écran du lanceur d'applications et de l'écran de lecture des contenus multimédias iHeartRadio
Dans ces exemples, l'arrière-plan de la partie supérieure est déjà de couleur unie. Un arrière-plan transparent pour la barre d'état l'aide à se fondre parfaitement dans le décor.

Dégradé semi-transparent

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

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 lisibles les éléments de la barre d'état.