Manfaatkan tata letak kanonis sebagai titik awal, komposisi siap pakai yang membantu tata letak beradaptasi untuk kasus penggunaan dan ukuran layar umum. Tata letak ini estetik dan fungsional, serta berasal dari panduan Material 3.
Framework Android menyertakan komponen khusus yang membuat implementasi tata letak menjadi mudah dan andal menggunakan Jetpack Compose atau API tampilan.
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 di Panduan Material 3 untuk menggunakan kartu dalam koleksi. Feed dapat berupa konfigurasi berbasis daftar atau petak pada tampilan ringkas, biasanya dalam kartu atau petak. 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 bertingkat untuk memvariasikan baris dan kolom. Keduanya harus memiliki penerapan spasi dan logika yang konsisten agar tidak membingungkan pengguna. Pelajari panduan Material 3 tentang mendesain feed.
Anda dapat menerapkan tata letak feed di Compose dengan Daftar lambat atau petak lambat,
atau di View dengan RecyclerView atau CardView.
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. Biasanya dalam bentuk sheet atau dialog, UI ini dapat membantu tampilan utama tetap fokus dan tidak berantakan. Lihat panduan M3 untuk menggunakan tata letak kanonis panel pendukung.
Pelajari panduan M3 untuk sheet bawah.