เทมเพลตแท็บทำหน้าที่เป็นคอนเทนเนอร์สำหรับเทมเพลตอื่นๆ ที่แสดงด้านล่าง โดยจะให้แท็บอยู่ด้านบน (ดังที่แสดงในโครงสร้างของเทมเพลตแท็บ)
คุณสามารถใช้แท็บสลับไปมาได้ ความสามารถนี้มีประโยชน์มากสำหรับการจัดระเบียบเนื้อหาหรือมุมมองที่ผู้ใช้จะต้องการเรียกดูหรือค้นหา
ประกอบด้วย
- แถบแท็บที่มีไอคอนแอปและแท็บสูงสุด 4 แท็บ (ไม่มีปุ่มย้อนกลับ)
- เทมเพลตแบบฝัง ซึ่งอาจเป็นประเภทใดก็ได้ต่อไปนี้
แต่ละมุมมองแท็บจะสอดคล้องกับเทมเพลตที่ฝังอยู่ 1 รายการ และมีการใช้งานมุมมองแท็บเดียวเท่านั้นในช่วงเวลาที่กำหนด
![ไวร์เฟรมของเทมเพลตแท็บ](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template.png?authuser=3&hl=th)
โครงสร้างของเทมเพลตแท็บ
![ไวร์เฟรมของเทมเพลตแท็บ รวมถึงเทมเพลตที่ฝังที่เป็นไปได้ทั้งหมด](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template-fig-1.png?authuser=3&hl=th)
เทมเพลตแท็บมีองค์ประกอบต่อไปนี้
- แถบแท็บ ซึ่งแสดงแท็บได้สูงสุด 4 แท็บ
- เทมเพลตที่ฝัง โดยใช้เทมเพลตใดเทมเพลตหนึ่งต่อไปนี้ ได้แก่ รายการ ตารางกริด การค้นหา แผง ข้อความ หรือการนำทาง
ตัวอย่างเทมเพลตแท็บ
![เทมเพลตแท็บที่มีเทมเพลตรายการฝังอยู่](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_1.png?authuser=3&hl=th)
![เทมเพลตแท็บที่มีเทมเพลตตารางกริดฝังอยู่](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_2.png?authuser=3&hl=th)
ข้อกำหนด UX ของเทมเพลตแท็บ
นักพัฒนาแอป
ต้อง | ระบุไอคอนเวกเตอร์สีเดียวสำหรับแต่ละแท็บ |
ต้อง | ใส่แท็บอย่างน้อย 2 แท็บแต่ไม่เกิน 4 แท็บในส่วนหัวของแอป |
ต้องไม่ | อนุญาตให้มีการใช้งานแท็บมากกว่า 1 แท็บต่อครั้ง |
ต้องไม่ | สร้างการนำทางรองโดยการเพิ่มแท็บระดับ 2 |
ควร | ให้ใช้ป้ายกำกับแท็บสั้นๆ เพื่อไม่ให้มีการตัดข้อความ |
ไม่ควร | ใช้ส่วนหัวหรือแถบการทำงานในเทมเพลตที่ฝัง |