Halaman ini diterjemahkan oleh Cloud Translation API.

Panel kontrol

Panel kontrol memberikan kontrol yang terkait dengan tampilan tertentu. Framework ini menampilkan hingga 5 kontrol dalam versi yang tidak diperluas, dan hingga 5 kontrol tambahan saat diperluas.

Di aplikasi media, panel kontrol digunakan dalam tampilan pemutaran untuk kontrol Putar/Jeda, Sebelumnya, Berikutnya, dan lainnya, termasuk untuk tindakan pihak ketiga kustom.

Komponen panel kontrol yang diperkecil

Panel kontrol yang diminimalkan meminimalkan kontrol yang tersedia di beberapa tampilan

Anatomi

Kolom kontrol memiliki dua format: tidak diluaskan dan diluaskan. Versi yang tidak diperluas dapat mencakup hingga 5 kontrol. Di aplikasi media, salah satunya adalah Putar/Jeda.

Saat diperluas, panel kontrol dapat menyertakan hingga 5 kontrol tambahan di baris kedua. Pengguna dapat memilih tombol tambahan untuk meluaskan atau menciutkan panel kontrol.

1. Bagian panel kontrol terlihat sebelum perluasan
2. Bagian yang diperluas pada panel tindakan
3. Salah satu kontrol
4. Tombol tambahan (meluaskan dan menciutkan panel kontrol)

Spesifikasi

Label tata letak

Definisi E, M, KL, P, Flex

Panel kontrol

Panel kontrol diperluas

Penempatan 1–4 kontrol pada panel kontrol dengan kontrol tengah yang ditautkan

Kontrol pusat anchor adalah kontrol dengan penempatan yang diinginkan di tengah panel kontrol, seperti tombol putar/jeda musik.

Penempatan 1–4 kontrol pada panel kontrol tanpa kontrol anchor

Penempatan kontrol 6–9 di panel kontrol

Tata letak penskalaan

Tata letak referensi ini menunjukkan cara menyesuaikan panel kontrol 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.

Tata Letak

Margin, keyline, dan padding untuk berbagai ukuran layar

Label tata letak

Definisi E, M, KL, P, Flex