Pahami template tata letak Compose dan contoh tata letak desain untuk mendesain dan mem-build layar aplikasi yang unik.
Sebagian besar aplikasi menggunakan tata letak non-scroll atau scroll, yang terdiri dari elemen berikut:
- Teks waktu: Mengingat perangkat adalah smartwatch, sebaiknya tampilkan teks waktu meskipun dalam perjalanan aplikasi (opsional, tetapi direkomendasikan).
- Judul halaman: Penunjuk jalan dan pengingat tentang posisi pengguna dalam perjalanan (opsional, tetapi direkomendasikan).
- Indikator scroll: Hanya pada tata letak scroll; menunjukkan bahwa ada lebih banyak konten di bawah lipatan layar.
- Tombol tindakan: Direkomendasikan di bagian bawah; mengonfirmasi, menyimpulkan, atau melanjutkan perjalanan pengguna.
Bagian tata letak aplikasi
Bagian atas
Bagian atas memiliki opsi Time Text, tombol ringkas, dan judul yang berfungsi sebagai penunjuk jalan dan navigasi yang jelas. Semuanya bersifat opsional.
Tombol ringkas dapat digunakan dalam kasus khusus jika halaman sangat panjang, dan tombol penelusuran atau tindakan akan membantu pengguna menjelajahi daftar tanpa harus men-scroll ke bagian bawah.
Bagian tengah
Bagian tengah dapat berisi komponen Compose (non-layar penuh) atau komponen kustom yang tersedia dalam daftar. Bagian ini dapat berisi judul tambahan untuk mengelompokkan konten, dan scrollbar.
Semua komponen dalam bagian konten tengah harus responsif, mengisi lebar yang tersedia hingga margin persentase. Semua tata letak scroll akan memiliki perilaku kolom lambat penskalaan, yang menampilkan komponen penskalaan dan memudar layar.
Bagian bawah
Bagian bawah menyediakan ruang untuk tombol tindakan utama dan sekunder, atau dapat dibiarkan kosong jika ini adalah akhir perjalanan.
Sebaiknya gunakan Tombol yang Mengikuti Tepi di akhir daftar karena menggunakan ruang yang terbatas dan melengkapi layar bulat.
Lebih dari satu tindakan dapat diperlukan, yang dapat muncul dalam kelompok tombol, atau grup tombol dua ikon.
Tampilan aplikasi non-scroll
Dengan judul
Tanpa judul
Dengan judul dan tanpa bagian bawah
Tanpa judul atau bagian bawah
Men-scroll tampilan aplikasi
Dengan judul
Tanpa judul
Dengan judul dan tanpa bagian bawah
Tanpa judul atau bagian bawah