Barra di stato

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

In questa sezione vengono descritti gli elementi della barra di stato e le opzioni disponibili per i diversi 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 a destra.

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

Opzioni sfondo

Sono disponibili tre opzioni per lo sfondo della barra di stato:

  • Opaque
  • Trasparente
  • Gradiente semitrasparente

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

Opaque

Per impostazione predefinita, la barra di stato viene visualizzata con uno sfondo opaco, per proteggere il più possibile la leggibilità degli elementi della barra di stato. Tuttavia, optare per una maggiore trasparenza comporta una transizione più fluida tra la barra di stato e i contenuti dell'app, oltre a consentire la visualizzazione di una porzione maggiore dei contenuti dell'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 è utilizzata per la maggior parte delle app di comunicazione e media, nonché per le esperienze di sistema come Avvio applicazioni.

Screenshot di Avvio applicazioni e della schermata di riproduzione dei contenuti multimediali iHeartRadio
In questi esempi, lo schermo ha già uno sfondo a tinta unita in alto, quindi uno sfondo trasparente per la barra di stato permette di inserirsi perfettamente in modo uniforme

Gradiente semitrasparente

Le app che mostrano informazioni visive che si estendono nella parte superiore dello schermo possono conferire alla barra di stato uno sfondo semitrasparente con un gradiente lineare. Il gradiente fornisce un'opacità sufficiente affinché gli elementi della barra di stato siano leggibili, mentre la trasparenza parziale consente di mantenere visibili le informazioni dell'app.

Screenshot da 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, rendendo al contempo leggibili gli elementi della barra di stato