Panel kontrol yang diperkecil digunakan untuk menampilkan sekumpulan kontrol dan metadata minimal. Jika dipilih, overlay akan membuka overlay layar penuh yang menyertakan panel kontrol yang lebih besar dengan kontrol tambahan.
Misalnya, panel kontrol yang diperkecil untuk aplikasi media akan menyimpan sejumlah kecil kontrol pemutaran dan metadata yang tersedia di seluruh aplikasi saat musik diputar – dan juga dapat membuka tampilan pemutaran layar penuh.
Anatomi
2. Metadata
3. Kontrol
Spesifikasi
Panel kontrol yang diperkecil
Kotak kontrol yang diperkecil dengan tambahan teks
Tata letak penskalaan
Tata letak referensi ini menunjukkan cara menyesuaikan panel kontrol yang diperkecil untuk mengakomodasi layar dengan lebar dan tinggi yang berbeda. (Kategori lebar dan tinggi ditentukan di bagian Tata Letak.) Perhatikan bahwa semua nilai piksel dalam piksel yang dirender, sebelum terjadi down-sampling atau up-sampling.
Layar dengan lebar standar
Layar lebar
Layar ekstra lebar dan super lebar
Gaya
Tipografi
| Gaya jenis | Jenis Huruf | Berat | Ukuran (dp) |
|---|---|---|---|
| Bodi 1 | Roboto | Reguler | 32 |
| Isi 3 | Roboto | Reguler | 24 |
Warna
| Elemen | Warna(mode siang) | Warna (mode malam) |
|---|---|---|
| Jenis utama | Putih | Putih @ 88% |
| Jenis sekunder | Putih @ 72% | Putih @ 60% |
| Ikon | Putih | Putih @ 88% |
| Indikator waktu berlalu | Aksen pihak ketiga | Aksen pihak ketiga |
| Indikator sisa waktu | #464A4D | #464A4D |
| Latar belakang panel kontrol yang diperkecil | #0E1013 @ 84% | #0E1013 @ 88% |
| Potongan gradien | Hitam @ 0-100% dalam 10% ruang teks | Hitam @ 0-100% dalam 10% ruang teks |
Pengaturan ukuran
| Elemen | Ukuran (dp) |
|---|---|
| Ikon | 44 |
| Kotak konten | 96 |
| Indikator kemajuan | 84 |
| Jalur indikator kemajuan | 4 |
| Ketinggian panel kontrol yang diperkecil | 128 |
| Radius sudut bulat (R1) | 4 |
Contoh
