Halaman ini diterjemahkan oleh Cloud Translation API.

Item daftar

Tampilan daftar menampilkan konten sebagai item baris dalam daftar kolom tunggal yang di-scroll secara vertikal. Tampilan ini paling baik jika pengguna mengandalkan membaca teks dan melihat data untuk menentukan pilihan.

Item daftar memerlukan lebih sedikit ruang vertikal daripada item petak, sehingga memungkinkan lebih banyak item ditampilkan di layar.

Komponen petak

Petak menyediakan mode tampilan alternatif yang menandai gambar

Anatomi

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

1. Ikon utama
2. Tombol pengalih aktif
3. Tombol pengalih nonaktif
4. Teks utama dan sekunder
5. Kotak konten

Spesifikasi

Label tata letak

Definisi E, M, KL, P, Flex

Item daftar baris tunggal

Item daftar dua baris

Item daftar dua baris dibalik

Item daftar beberapa baris dengan header

Item daftar beberapa baris tanpa header

Item daftar dengan teks tambahan

Item daftar dengan tindakan pemisahan

Penempatan ikon indikator dalam item daftar

Tata letak penskalaan

Tata letak referensi ini menunjukkan cara menyesuaikan item daftar untuk mengakomodasi layar dengan lebar dan tinggi yang berbeda. (Kategori lebar dan tinggi ditentukan di bagian Tata Letak.) Perhatikan bahwa semua nilai piksel dalam piksel yang dirender, sebelum terjadi down-sampling atau up-sampling.

Tata Letak

Margin, keyline, 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

Pedoman tipografi

Referensi penskalaan dan petak, contoh tipografi, dan lainnya

Pedoman warna

Palet, nilai elevasi dan opasitas, serta lainnya

Tipografi

Gaya jenis	Jenis Huruf	Berat	Ukuran (dp)
Bodi 1	Roboto	Reguler	32
Isi 3	Roboto	Reguler	24

Warna

Elemen	Warna(mode siang)	Warna (mode malam)
Jenis / ikon utama	Putih	Putih @ 88%
Jenis / ikon sekunder	Putih @ 72%	Putih @ 60%
Garis pemisah	Putih @ 22%	Putih @ 12%
Latar belakang item daftar	Black	Black

Pengaturan ukuran

Elemen	Ukuran (dp)
Tinggi item daftar	96 (layar pendek) / 116 (layar standar) / 128 (layar tinggi)
Ikon utama	44
Ikon tersier	24
Kotak konten	Tinggi item daftar minus 1 dp
Avatar sedang	76
Ketebalan garis pembagi	1