Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Template Tab berfungsi sebagai penampung untuk template lain yang tercantum di bawah, menyediakan
tab di bagian atas (seperti yang ditunjukkan dalam
Anatomi template Tab).
Dengan tab, Anda dapat beralih di antara tampilan. Kemampuan ini sangat berguna untuk
mengatur konten atau tampilan yang akan dijelajahi atau ditelusuri pengguna.
Mencakup:
Menu tab dengan ikon aplikasi dan maksimal 4 tab (tanpa tombol kembali)
Template tersemat, yang dapat berupa salah satu jenis berikut:
Setiap tampilan tab berhubungan dengan satu template tersemat, dan hanya satu tampilan tab
yang dapat aktif pada satu waktu.
Anatomi template Tab
Template Tab terdiri dari elemen-elemen berikut:
Panel tab, yang dapat menampilkan hingga 4 tab
Template tersemat, menggunakan salah satu template
berikut: Daftar, Petak, Penelusuran, Panel, Pesan, atau Navigasi
Contoh template tab
Tampilan tab "Semua perangkat" dibuat menggunakan template Tab yang
berisi template Daftar (contoh Android Auto)Tampilan tab "Perangkat rumah" dibuat menggunakan template Tab yang
berisi template Petak (contoh Android Auto)
Persyaratan UX template tab
Developer aplikasi:
HARUS
Sediakan ikon vektor monokromatik untuk setiap tab.
HARUS
Sertakan minimal 2 dan maksimal 4 tab di header aplikasi.
TIDAK BOLEH
Izinkan lebih dari 1 tab untuk aktif sekaligus.
TIDAK BOLEH
Buat navigasi sekunder dengan menambahkan tab tingkat kedua.
SEBAIKNYA
Gunakan label tab yang pendek untuk menghindari pemotongan.
TIDAK BOLEH
Mengandalkan header atau strip tindakan dalam template tersemat.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2024-07-23 UTC."],[[["The Tab template serves as a container for other templates, organizing content into a tabbed interface."],["It supports embedding List, Grid, Search, Pane, Message, or Navigation templates within each tab."],["Apps should utilize 2-4 tabs with monochromatic icons and concise labels for optimal usability."],["Only one tab can be active at a time, and embedded templates should avoid using their own headers."],["Tab templates are ideal for creating switchable views for content browsing or searching within an app."]]],[]]
