{i>Grid<i} menampilkan item dalam tata letak berbentuk {i>grid<i}.
Template ini berguna saat pengguna terutama mengandalkan gambar untuk membuat pilihan mereka.
Template ini dapat disematkan di Template tab untuk menyediakan navigasi tab.
Mencakup:
- Header dengan strip tindakan opsional ( strip tindakan diganti dengan tab jika template ini disematkan di Template tab)
- Item petak (lihat catatan di bawah), masing-masing berisi ikon atau gambar ukuran besar
- Teks utama untuk setiap item petak (wajib)
- Teks sekunder untuk setiap item petak (opsional)
- Tombol tindakan mengambang opsional
Contoh template petak
Contoh Android Auto dan Android Automotive OS (AAOS) berikut dibuat menggunakan template Grid.
Petak tempat beberapa item memiliki teks sekunder (contoh Android Auto)
Petak dengan ikon satu item untuk sementara diganti dengan indikator lingkaran berputar pemuatan dan teks utama item lainnya terpotong karena panjangnya melebihi ruang yang tersedia (contoh AAOS)
Persyaratan UX {i>template<i} petak
Developer aplikasi:
| SEHARUS | Batasi panjang string teks primer dan sekunder untuk menghindari pemotongan. |
| SEHARUS | Memiliki tindakan yang terkait dengan setiap item petak (item khusus informasi tidak direkomendasikan). |
| SEHARUS | Menunjukkan status item dengan jelas (untuk item petak yang memiliki beberapa status, seperti dipilih dan tidak dipilih) dengan variasi gambar, ikon, atau teks. |
| TIDAK SEHARUS | Sertakan strip tindakan dan tombol tindakan mengambang secara bersamaan. |
| DAPAT | Menampilkan indikator lingkaran berputar pemuatan, bukan ikon atau gambar untuk item petak, saat tindakan yang terkait dengan item tersebut sedang berlangsung. |