Panel kontrol yang diperkecil

Panel kontrol yang diperkecil digunakan untuk menampilkan kumpulan kontrol dan metadata minimal. Jika dipilih, overlay layar penuh akan terbuka yang berisi panel kontrol lebih besar dengan kontrol tambahan.

Misalnya, panel kontrol yang diperkecil untuk aplikasi media akan menyediakan satu set kecil kontrol pemutaran dan metadata di seluruh aplikasi saat musik diputar – dan juga dapat membuka tampilan pemutaran layar penuh.


Anatomi

1. Kartu konten
2. Metadata
3. Kontrol

Spesifikasi

Panel kontrol yang diperkecil

Panel kontrol yang diperkecil dengan teks yang meluap


Menskalakan tata letak

Tata letak referensi ini menunjukkan cara menyesuaikan panel kontrol yang diperkecil untuk mengakomodasi layar dengan berbagai lebar dan tinggi. (Kategori lebar dan tinggi ditentukan di bagian Tata Letak.) Perlu diketahui bahwa semua nilai piksel dalam piksel yang dirender, sebelum pengambilan sampel menurun atau pengambilan sampel naik terjadi.

Layar lebar standar

Layar lebar

Layar sangat lebar dan super lebar


Gaya

Tipografi

Gaya jenis Jenis Huruf Bobot Ukuran (dp)
Bodi 1 Roboto Rutin 32
Bodi 3 Roboto Rutin 24

Warna

Elemen Warna(mode hari) Warna (mode malam)
Jenis utama Putih Putih @ 88%
Jenis sekunder Putih @ 72% Putih @ 60%
Ikon Putih Putih @ 88%
Indikator waktu berlalu Aksen pihak ke-3 Aksen pihak ke-3
Indikator sisa waktu #464A4D #464A4D
Latar belakang panel kontrol yang diperkecil #0E1013 @ 84% #0E1013 @ 88%
Pemotongan gradien Hitam @ 0-100% dalam 10% ruang teks Hitam @ 0-100% dalam 10% ruang teks

Ukuran

Elemen Ukuran (dp)
Ikon 44
Kartu konten 96
Indikator progres 84
Trek indikator progres 4
Tinggi panel kontrol yang diperkecil 128
Radius sudut bulat (R1) 4

Contoh

Panel kontrol yang diperkecil untuk layar yang lebih lebar dari lebar standar
Panel kontrol yang diperkecil untuk layar dengan lebar standar