Barra di stato

La barra di stato mostra l'ora e le informazioni meteo, nonché dettagli sullo stato del sistema come connettività e livello della batteria.

Questa sezione descrive gli elementi della barra di stato e le opzioni per vari livelli di trasparenza dello sfondo.


Anatomia

La barra di stato viene visualizzata nella parte superiore dello schermo e mostra gli elementi riportati di seguito. Gli utenti possono attivare e disattivare la visualizzazione del meteo nelle Impostazioni.

Gli elementi della barra di stato vengono visualizzati nello stesso ordine per le auto con guida a sinistra e a destra.

Anatomia della barra di stato
Anatomia della barra di stato.
  1. Orologio: display digitale dell'ora corrente.
  2. Informazioni meteo: temperatura e icone meteo.
  3. Connettività: Wi-Fi e rete mobile.
  4. Livello batteria

Opzioni sfondo

Esistono tre opzioni per lo sfondo della barra di stato:

  • Opaque
  • Trasparente
  • Gradiente semitrasparente

Sebbene l'opzione predefinita sia uno sfondo opaco, gli sviluppatori di app possono scegliere anche sfondi trasparenti o semitrasparenti per la barra di stato nelle loro app.

Opaque

Per impostazione predefinita, la barra di stato viene visualizzata con uno sfondo opaco, per proteggere al massimo la leggibilità degli elementi della barra di stato. Tuttavia, optare per un certo grado di trasparenza consente una transizione più fluida tra la barra di stato e i contenuti dell'app, nonché la visualizzazione di una porzione più ampia di questi ultimi.

Trasparente

Le app le cui schermate offrono un contrasto sufficiente dietro gli elementi della barra di stato possono utilizzare uno sfondo trasparente. Questa opzione viene utilizzata per la maggior parte delle app di media e comunicazione, nonché per le esperienze di sistema come il programma di avvio app.

Screenshot del programma di avvio app e della schermata di riproduzione multimediale di iHeartRadio
In questi esempi, lo schermo ha già uno sfondo a tinta unita nella parte superiore, quindi uno sfondo trasparente per la barra di stato consente di integrarla perfettamente

Gradiente semitrasparente

Le app che mostrano informazioni visive che si estendono fino alla parte superiore dello schermo possono dare alla barra di stato uno sfondo semitrasparente con un gradiente lineare. La gradazione fornisce un'opacità sufficiente per consentire la lettura degli elementi della barra di stato, mentre la trasparenza parziale contribuisce a mantenere visibili le informazioni dell'app.

Screenshot di app di navigazione
Le app di navigazione possono utilizzare un gradiente lineare semitrasparente dietro la barra di stato per mantenere visibili gli elementi della mappa e rendere leggibili anche gli elementi della barra di stato