Grup Tombol

Grup tombol menyediakan penampung tombol yang dapat dinavigasi.

Elemen desain harus ditambatkan ke bagian bawah
bingkai.

Prinsip

Berorientasi pada Tindakan: Berisi tombol yang dapat ditindaklanjuti, bukan grup label.

Penampungan: Mengelompokkan tindakan bersama dengan gerakan dan fokus.

Fleksibel: Dapat terdiri dari beberapa jenis tombol.

Penggunaan &Penempatan

Gunakan grup tombol untuk menampilkan lebih dari satu tombol. Saat menampilkan beberapa tombol, gunakan komponen grup tombol, bukan menata letak setiap tombol secara terpisah.

grup tombol

Grup tombol dapat terdiri dari kombinasi jenis tombol apa pun dengan tinggi tombol yang sama.

Pertahankan tinggi tombol yang konsisten dalam grup tombol.
Mengelompokkan tombol dengan tinggi yang berbeda.

Grup tombol dapat dipasangkan dengan elemen lain, seperti kartu atau tumpukan, untuk bertindak sebagai tindakan terkait.

Gunakan satu grup tombol per tata letak.
Menumpuk beberapa grup tombol.

Tata letak grup tombol dapat ditampung atau meluap, dengan 1 hingga 10 tombol.

grup tombol

A. Ditampung: Grup tombol sesuai dengan lebar penampung tanpa elemen yang terpotong.

B. Meluap: Lebar grup tombol lebih lebar dari ruang yang tersedia di penampung.

Pertahankan jumlah tombol di bawah 10 dan hanya yang penting untuk meminimalkan gesekan.
Menambah jumlah tombol dalam grup tombol hingga lebih dari 10 tombol.

Fokus

Fokus awal secara default adalah tombol paling kiri, tetapi dapat dikonfigurasi agar berpusat untuk grup tombol simetris.

Konfigurasi fokus untuk menyoroti fitur akses terbanyak atau fitur yang lebih penting.
Mengganti fokus awal default jika semua item memiliki kasus penggunaan yang sama pentingnya.

tata letak yang berada di tengah

Grup tombol yang disejajarkan di tengah berdasarkan elemen fokus awal, yang menggeser fokus per gesekan. Hindari penggunaan tata letak yang meluap, karena semua tombol harus terlihat dan berada dalam tata letak yang berpusat.

tata letak rata kiri

Tata letak grup tombol yang disejajarkan di kiri mencakup margin awal dan akhir sebesar 44 dp dari tepi. Tombol akan di-scroll dengan lancar ke tengah dalam 3 langkah saat digesek dan dipercepat saat digeser.

Anatomi

tata letak rata kiri

Grup tombol adalah komponen penampung, yang mengelompokkan 1 hingga 10 tombol dari jenis apa pun dan tinggi yang konsisten. Untuk mengetahui tombol selengkapnya, baca panduan tombol.

Penyesuaian

Set grup tombol dapat terdiri dari kombinasi jenis tombol apa pun dengan tinggi tombol yang sama.

Properti Penyesuaian Default
Fokus awal Ya 0