Kartu dapat berisi berbagai informasi seperti teks, ikon, gambar, respons Gemini, atau tindakan.
Prinsip
Kohesif: Kartu mengelompokkan informasi dan tindakan terkait ke dalam satu unit yang mudah dipahami.
Jelas: Mereka menyajikan konten dengan jelas dan teratur, sehingga meningkatkan kemampuan pemindaian.
Serbaguna: Kartu dapat beradaptasi untuk menampilkan berbagai konten, mulai dari ringkasan teks pendek hingga ringkasan yang lebih kompleks dengan beberapa elemen.
Modular: Didesain agar modular dan dapat digunakan kembali di berbagai bagian antarmuka Jetpack Compose Glimmer untuk Kacamata.
Penggunaan & Penempatan
Kartu dapat berisi berbagai informasi seperti teks, ikon, gambar, tindakan, atau respons Gemini.
Gunakan template kartu Glimmer Jetpack Compose untuk konten karena tersedia dalam banyak variasi dan dioptimalkan untuk mengikuti prinsip desain kacamata secara langsung.
Anjuran
Larangan
Gunakan grup tombol dengan kartu untuk menampilkan lebih dari satu tindakan.
Anjuran
Larangan
Anatomi
Kartu dibuat dengan template slot yang telah ditetapkan sebelumnya.
1. Header: Bagian atas kartu, yang didesain untuk menampung gambar.
2. Judul dan Subjudul: Kolom teks ini memberikan label utama dan sekunder untuk kartu.
3. Ikon Awal: Ikon opsional yang muncul di awal area konten kartu.
4. Ikon Akhir: Ikon opsional yang muncul di akhir area konten kartu.
5. Tindakan: Slot untuk elemen interaktif utama, seperti Tombol. Hal ini memungkinkan pengguna melakukan tindakan langsung dari kartu. Jika kartu memiliki tindakan, kartu tersebut hanya boleh berisi satu tindakan.
6. Konten Utama: Isi inti kartu, tempat Anda menempatkan Text utama atau konten lainnya.
Fokus
Untuk kartu yang tujuan utamanya adalah menampung elemen interaktif tertentu (seperti Tombol di Tindakan), fokus harus langsung menuju elemen tersebut, bukan penampung kartu. Kartu menjadi fokus saat mewakili satu item yang dapat dijelajahi, seperti entri dalam daftar. Hal ini memberikan pengalaman pengguna yang lebih langsung dan mudah diakses.
Kartu
yang memiliki fokus sebagai item daftar.
Tombol
dalam kartu diberi fokus sebagai elemen yang dapat ditindaklanjuti.
Penyesuaian
| Properti | Penyesuaian | Default |
|---|---|---|
| Bentuk | Ya | Sedang |
| Padding | Ya | 24 dp, 24 dp |
| Batas | Ya | 2 dp, #606460 |
| Teks | Ya | Body Small |
| Ikon utama | Ya | 56 dp |
| Ikon di akhir | Ya | 56 dp |