Bilah status

Status bar menampilkan waktu dan informasi cuaca, beserta detail status sistem seperti konektivitas dan level baterai.

Bagian ini menjelaskan elemen status bar dan opsi untuk berbagai tingkat transparansi latar belakang.


Anatomi

Status bar muncul di bagian atas layar dan menampilkan elemen yang ditampilkan di bawah ini. Pengguna dapat mengaktifkan dan menonaktifkan tampilan cuaca di Setelan.

Elemen status bar muncul dalam urutan yang sama untuk mobil dengan drive kiri dan kanan.

Anatomi status bar
1. Jam – Tampilan digital dari waktu saat ini
2. Informasi cuaca – Suhu dan ikon cuaca
3. Konektivitas – Wi-Fi dan seluler
4. Level baterai

Opsi latar belakang

Ada 3 opsi untuk latar belakang status bar:

  • Buram
  • Transparan
  • Gradien semi-transparan

Meskipun opsi default adalah memiliki latar belakang buram, developer aplikasi juga dapat memilih latar belakang transparan atau semi-transparan untuk status bar di aplikasi mereka.

Buram

Secara default, status bar dirender dengan latar belakang buram, untuk melindungi keterbacaan elemen status bar sebanyak mungkin. Namun, memilih beberapa tingkat transparansi akan memberikan transisi yang lebih lancar antara status bar dan konten aplikasi, serta memungkinkan bagian yang lebih besar dari konten aplikasi untuk ditampilkan.

Transparan

Aplikasi yang layarnya memberikan kontras yang cukup di belakang elemen status bar dapat menggunakan latar belakang transparan. Saat ini, opsi ini digunakan untuk sebagian besar aplikasi media dan komunikasi, serta untuk pengalaman sistem seperti peluncur aplikasi.

Screenshot peluncur aplikasi dan layar pemutaran media iHeartRadio
Dalam contoh ini, layar sudah memiliki latar belakang warna solid di bagian atas, sehingga latar belakang transparan untuk status bar membantunya berbaur dengan mulus

Gradien semi-transparan

Aplikasi yang menampilkan informasi visual memanjang ke bagian atas layar dapat memberikan status bar semi-transparan latar belakang dengan gradien linier. Gradien memberikan opasitas yang memadai agar elemen status bar dapat dibaca, sedangkan transparansi parsial membantu menjaga informasi aplikasi tetap terlihat.

Screenshot dari aplikasi navigasi
Aplikasi navigasi dapat menggunakan gradien linier semi-transparan di belakang status bar agar elemen peta tetap terlihat sekaligus membuat elemen status bar dapat dibaca