Panel kontrol

Bilah kontrol menyediakan kontrol yang terkait dengan tampilan tertentu. Bilah ini menampilkan hingga lima kontrol saat tidak diperluas, dan hingga lima kontrol tambahan saat diperluas.

Pada aplikasi media, bilah kontrol digunakan pada tampilan pemutaran untuk Putar/Jeda, Sebelumnya, Berikutnya, dan kontrol lainnya, termasuk kontrol untuk tindakan pihak ketiga khusus.

ikon panggilan
Komponen bilah kontrol yang diminimalkan
Bilah kontrol yang diminimalkan menyediakan serangkaian kontrol minimal yang tersedia di berbagai tampilan.

Anatomi

Bilah kontrol memiliki dua format: tidak diperluas dan diperluas. Versi yang tidak diperluas dapat mencakup hingga lima kontrol. Pada aplikasi media, salah satunya adalah Putar/Jeda.

Saat diperluas, bilah kontrol dapat menyertakan hingga lima kontrol tambahan di baris kedua. Pengguna dapat memilih tombol "overflow" untuk memperluas atau menciutkan bilah kontrol.

1. Bagian bilah kontrol terlihat sebelum perluasan
2. Bagian bilah aksi yang diperluas
3. Salah satu kontrol
4. Tombol Overflow (memperluas dan menyusutkan bilah kontrol)

Spesifikasi

ikon panggilan
Label tata letak
Definisi E, M, KL, P, Flex

Bilah kontrol

Bilah kontrol yang diperluas

Penempatan 1–4 kontrol pada bilah kontrol dengan kontrol tengah yang terpasang.

Kontrol tengah yang tertambat adalah kontrol yang penempatannya lebih disukai di tengah bilah kontrol, seperti tombol putar/jeda musik.

Penempatan 1–4 kontrol pada batang kontrol tanpa kontrol yang terpasang tetap.

Penempatan 6–9 kontrol pada batang kontrol

Tata letak yang dapat diskalakan

Tata letak referensi ini menunjukkan cara menyesuaikan bilah kontrol agar sesuai dengan layar dengan berbagai lebar dan tinggi. (Kategori lebar dan tinggi didefinisikan di bagian Tata Letak .) Perhatikan bahwa semua nilai piksel adalah dalam piksel yang dirender, sebelum terjadi penurunan atau peningkatan resolusi.

Layar ekstra lebar dengan jarak antar tepi lebih dari 1028 dp

Saat lebar antar margin lebih besar dari lebar maksimum bilah kontrol (1028 dp), pusatkan bilah kontrol secara horizontal. Bilah kontrol tidak akan memanjang hingga ke margin.

Layar ekstra lebar dengan jarak antar tepi kurang dari 1028 dp

Layar lebar

Layar dengan lebar standar

Pada layar dengan lebar standar, pusatkan bilah kontrol secara horizontal. Bilah kontrol meluas hingga ke margin. Pada layar dengan lebar standar tepat 690 dp, seperti pada contoh ini, gunakan padding samping P5 di antara tepi bilah kontrol dan tepi layar.

Layar pendek

Bilah kontrol diperluas pada layar yang lebih pendek dari 1000 dp.

Bilah kontrol diperluas pada layar pendek.

Bilah kontrol diperluas pada layar dengan tinggi lebih dari 1000 dp.

Gaya

ikon panggilan
Pedoman warna
Palet warna, nilai elevasi dan opasitas, dan banyak lagi.

Warna

Elemen Warna (mode siang) Warna (mode malam)
Ikon utama Putih Putih @ 88%
Layar penuh Hitam @ 78% Hitam @ 84%
Kain kasa gradien Akan ditentukan kemudian Akan ditentukan kemudian

Perekat

Elemen Ukuran (dp)
Bilah kontrol 96 (layar pendek) atau 128 (tinggi standar dan di atasnya)
Ikon utama 44

Contoh

Bilah kontrol pada tampilan pemutaran.
Bilah kontrol yang diperluas dalam tampilan pemutaran.
Bilah kontrol di antrean media.
Bilah kontrol yang diperluas di antrean media.
Bilah kontrol di antrean media.
Bilah kontrol yang diperluas di antrean media.
Bilah kontrol akan membesar dan mengecil saat pengguna mengetuk tombol "overflow".