Barra di stato

La barra di stato mostra informazioni sull'ora e sul meteo, oltre a dettagli sullo stato del sistema, come la connettività e il livello della batteria.

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


Anatomia

La barra di stato viene visualizzata nella parte superiore dello schermo e mostra gli elementi mostrati 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 con quella a destra.

Struttura della barra di stato
1. Orologio: display digitale dell'ora attuale
2. Informazioni meteo: Temperatura più icone meteo
3. Connettività: Wi-Fi e rete cellulare
4. Livello della batteria

Opzioni per lo sfondo

Sono disponibili 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 anche scegliere 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 garantire il più possibile la leggibilità degli elementi della barra di stato. Tuttavia, la scelta di un certo grado di trasparenza consente una transizione più fluida tra la barra di stato e i contenuti dell'app, oltre a consentire la visualizzazione di una parte più ampia di contenuti delle app.

Trasparente

Le app le cui schermate forniscono un contrasto sufficiente dietro gli elementi della barra di stato possono utilizzare uno sfondo trasparente. Attualmente questa opzione viene utilizzata per la maggior parte delle app multimediali e di comunicazione, nonché per le esperienze di sistema come Avvio applicazioni.

Screenshot di Avvio app e schermata di riproduzione dei contenuti multimediali 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 aiuta a confondersi senza problemi

Gradiente semitrasparente

Le app che mostrano informazioni visive che si estendono fino alla parte superiore dello schermo possono conferire alla barra di stato uno sfondo semitrasparente con un gradiente lineare. Il gradiente fornisce opacità sufficiente affinché gli elementi della barra di stato siano leggibili, 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 gli elementi della barra di stato