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.
![{i>Wireframe<i} untuk {i>template<i} tab](/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template.png)
Anatomi template Tab
![{i>Wireframe<i} dari {i>template<i} Tab, termasuk semua kemungkinan {i>template<i} yang disematkan](/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template-fig-1.png)
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
![Template tab dengan template Daftar yang disematkan](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_1.png?authuser=8&hl=id)
![Template tab dengan template Petak tersemat](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_2.png?authuser=8&hl=id)
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. |