Halaman ini diterjemahkan oleh Cloud Translation API.

Item daftar

Tampilan daftar menampilkan konten sebagai item baris dalam daftar satu kolom yang dapat digulir secara vertikal. Tampilan ini paling cocok digunakan ketika pengguna mengandalkan membaca teks dan melihat data untuk membuat pilihan mereka.

Item dalam bentuk daftar membutuhkan ruang vertikal yang lebih sedikit daripada item dalam bentuk tabel, sehingga memungkinkan lebih banyak item untuk ditampilkan di layar.

Komponen kisi

Kisi-kisi menyediakan mode tampilan alternatif yang menyoroti gambar.

Anatomi

Dalam tampilan daftar, setiap baris berisi ubin yang mewakili satu item daftar. Tindakan utama dapat mengisi ubin, sehingga pengguna dapat memulai tindakan dari mana saja di dalam ubin. Untuk tindakan tambahan yang diwakili oleh ikon dan teks, hanya area yang berisi ikon dan teks yang dapat ditindaklanjuti.

Spesifikasi

Item daftar satu baris

Item daftar dua baris

Item daftar dua baris dibalik

Item daftar multi-baris dengan header

Item daftar multi-baris tanpa header

Item daftar dengan teks yang meluap

Item daftar dengan tindakan terpisah

Penempatan ikon indikator pada item daftar

Tata letak yang dapat diskalakan

Tata letak referensi ini menunjukkan cara menyesuaikan item daftar agar sesuai dengan layar dengan berbagai lebar dan tinggi. (Kategori lebar dan tinggi didefinisikan di bagian Tata Letak .) Perhatikan bahwa semua nilai piksel adalah dalam piksel yang dirender, sebelum terjadi pengurangan atau peningkatan resolusi.

Tata Letak

Margin, garis tepi, dan padding untuk berbagai ukuran layar

Label tata letak

Definisi E, M, KL, P, Flex

Layar standar, lebar, dan ekstra lebar

Layar standar, lebar, dan ekstra lebar dengan ubin konten.

Layar super lebar

Gaya

Tipografi

Warna

Perekat

Contoh