Gunakan tata letak umum untuk membantu menata aplikasi Anda untuk kasus penggunaan dan ukuran layar yang umum. Komposisi siap pakai ini adalah titik awal yang baik.
Tata letak daftar-detail
Tata letak daftar-detail memungkinkan pengguna menjelajahi daftar item yang berisi deskripsi, penjelasan, atau informasi tambahan lainnya—detail item. Untuk ukuran layar rapat, hanya tampilan daftar atau detail yang terlihat. Menampilkan kumpulan konten dalam tata letak berbasis baris, daftar membentuk bentuk tata letak yang paling umum untuk aplikasi. Tata letak daftar-detail cocok untuk aplikasi pesan, pengelola kontak, file browser, atau aplikasi apa pun yang kontennya diatur sebagai daftar item yang menampilkan informasi tambahan.
Konten dapat bersifat statis atau dinamis.
- Konten dinamis adalah konten yang ditayangkan aplikasi Anda secara langsung dan ideal untuk menampilkan konten buatan pengguna atau mencerminkan preferensi atau tindakan pengguna. Misalnya, bayangkan aplikasi foto dengan daftar foto buatan pengguna yang dapat di-scroll, yang unik untuk setiap pengguna dan berubah saat pengguna mengupload lebih banyak gambar. Gambar ini adalah konten dinamis.
- Konten statis merepresentasikan konten hard code, yang hanya dapat diubah dengan membuat perubahan langsung pada kode aplikasi Anda. Contoh konten statis adalah gambar dan teks yang mungkin dilihat setiap pengguna.
File Figma Now in Android menyediakan beberapa contoh tata letak. Contoh berikut menunjukkan kumpulan konten satu dimensi.
Pelajari Daftar Material 3 untuk mengetahui panduan desain selengkapnya tentang komponen dan spesifikasi daftar.
Tata letak feed
Tata letak feed mengatur elemen konten yang setara dalam petak yang dapat dikonfigurasi agar konten dalam jumlah besar dapat dilihat dengan cepat dan nyaman. Pelajari lebih lanjut pedoman Material 3 untuk menggunakan kartu dalam koleksi. Feed dapat berupa konfigurasi berbasis daftar atau petak pada tampilan ringkas, biasanya dalam kartu atau ubin. Konten dapat bersifat dinamis, yang berarti konten tersebut "dimasukkan" dari sumber eksternal dinamis seperti API.
Tata letak petak terdiri dari baris dan kolom yang dibuat berdasarkan prinsip penampungan implisit atau eksplisit. Tata letak petak dapat diterapkan secara lebih kaku atau disusun secara berselang-seling untuk memvariasikan baris dan kolom. Keduanya harus memiliki penerapan spasi dan logika yang konsisten agar tidak membingungkan pengguna.
Anda dapat menerapkan tata letak feed dengan Daftar lambat atau petak lambat.
Misalnya, galeri foto dan podcast dalam tata letak petak adalah format feed umum.
Tata letak panel pendukung
Tampilan seluler mungkin memerlukan konten atau kontrol pendukung, seperti sheet atau dialog. Elemen ini membantu tampilan utama tetap fokus dan tidak berantakan.
Pelajari panduan M3 untuk sheet bawah.
WebView
WebView menampilkan halaman web dalam aplikasi. Dalam kebanyakan kasus, sebaiknya gunakan browser web standar, seperti Chrome, untuk mengirimkan konten kepada pengguna. Untuk mempelajari lebih lanjut browser web, baca panduan untuk memanggil browser dengan intent.