Template Petak menampilkan item dalam tata letak petak dan berguna saat pengguna mengandalkan gambar terutama untuk membuat pilihan.
Template ini dapat disematkan di Tab template untuk menyediakan navigasi bertab atau disertakan dalam Map + Content template untuk menyediakan petak di peta.
Template petak mencakup hal berikut:
- Header opsional (header diganti dengan tab saat template ini disematkan dalam template Tab)
- Item petak (lihat catatan di bawah), yang masing-masing berisi ikon atau
gambar berukuran besar
- Teks utama untuk setiap item petak (opsional)
- Teks sekunder untuk setiap item petak (opsional)
- Gambar atau ikon (opsional)
- Badge
- Tombol tindakan mengambang opsional
Untuk mendapatkan fleksibilitas yang lebih besar dan memanfaatkan fitur terbaru, gunakan template Item yang Disegmentasikan, bukan template Petak. Dengan template Item Berbagian, Anda dapat memadukan dan mencocokkan daftar dan petak untuk membuat struktur penjelajahan kustom.
Persyaratan UX template petak
| SEHARUSNYA | Batasi panjang string teks utama dan sekunder untuk menghindari pemotongan. |
| SEHARUSNYA | Memiliki tindakan yang terkait dengan setiap item petak (item hanya informasi tidak direkomendasikan). |
| SEHARUSNYA | Tunjukkan dengan jelas status item (untuk item petak yang memiliki beberapa status, seperti dipilih dan tidak dipilih) dengan variasi pada gambar, ikon, atau teks. |
| SEHARUSNYA | Sertakan header dengan judul opsional serta tindakan utama dan sekunder. |
| TIDAK BOLEH | Sertakan panel tindakan dan tombol tindakan mengambang secara bersamaan. |
| MAY | Menampilkan spinner pemuatan, bukan ikon atau gambar untuk item petak saat tindakan yang terkait dengan item sedang berlangsung. |
Referensi
| Jenis | Link |
| Referensi API |
GridTemplate, GridTemplate.Builder
|