Komponen bilah aplikasi dan header adalah bilah khusus di bagian atas kanvas aplikasi yang dapat disesuaikan untuk menampilkan fungsi-fungsi penting terkait aplikasi, seperti branding, navigasi tingkat atas, dan akses ke kontrol aplikasi.
Gunakan tata letak bilah aplikasi dan header yang konsisten untuk menempatkan kontrol utama, seperti pencarian dalam aplikasi, di lokasi standar di seluruh antarmuka pengguna.
Anatomi
Bilah aplikasi dan header dapat menyertakan berbagai elemen. Konfigurasinya dapat dilakukan dengan salah satu cara berikut:
- Header aplikasi: Saat dikonfigurasi sebagai header aplikasi, komponen ini berisi ruang untuk teks opsional, dengan penggunaan ikon dan tombol yang minimal. Biasanya, ini mencakup judul layar dan panah kembali.
- App bar: Saat dikonfigurasi sebagai app bar, ia dapat menyertakan ikon, tab , dan tombol . Elemen tipikal meliputi ikon aplikasi dan opsi navigasi.
Kedua versi ini juga dapat menyertakan kontrol aplikasi, seperti pencarian dan pengaturan dalam aplikasi.
1. Panah kembali
2. Judul layar
3. Tombol
4. Kontrol aplikasi
5. Ikon aplikasi
6. Navigasi utama (tab)
Spesifikasi – Bilah aplikasi
Bilah aplikasi dengan navigasi utama – rata tengah
Bilah aplikasi dengan navigasi utama – rata kiri
Bilah aplikasi dengan navigasi utama – dilipat (laci, bukan tab)
Spesifikasi – Header Aplikasi
Header aplikasi dengan judul yang berada di tengah.
Header aplikasi dengan kontrol aplikasi tunggal
Header aplikasi dengan beberapa kontrol aplikasi
Header aplikasi dengan satu tombol
Header aplikasi dengan banyak tombol
Header aplikasi dengan teks yang meluap
Header aplikasi dengan bilah tab terpisah.
Kustomisasi
Anda dapat mengekspresikan merek Anda dengan memodifikasi tampilan visual bilah aplikasi dan header. Modifikasi tersebut dapat meliputi:
- Ikon kustom
- Font kustom
- Mengatur tampilan tombol aktif, tidak aktif, dan dinonaktifkan.
- Mengatur dimensi dan penempatan tombol
Contoh
