Status bar

Status bar menampilkan informasi waktu dan 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. Pengguna dapat mengaktifkan dan menonaktifkan tampilan cuaca di Setelan.

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

Anatomi status bar
Anatomi Status bar.
  1. Jam – Tampilan digital waktu saat ini.
  2. Informasi cuaca – Suhu plus 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 defaultnya 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 tingkat transparansi tertentu akan memberikan transisi yang lebih lancar antara panel status dan konten aplikasi, serta memungkinkan sebagian besar konten aplikasi ditampilkan.

Transparan

Aplikasi yang layarnya memberikan kontras yang cukup di belakang elemen status bar dapat menggunakan latar belakang transparan. 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 lancar

Gradien semi-transparan

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

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