เทมเพลตแท็บทำหน้าที่เป็นคอนเทนเนอร์สำหรับเทมเพลตอื่นๆ ที่แสดงด้านล่าง โดยจะให้แท็บอยู่ด้านบน (ดังที่แสดงในโครงสร้างของเทมเพลตแท็บ)
คุณสามารถใช้แท็บสลับไปมาได้ ความสามารถนี้มีประโยชน์มากสำหรับการจัดระเบียบเนื้อหาหรือมุมมองที่ผู้ใช้จะต้องการเรียกดูหรือค้นหา
ประกอบด้วย
- แถบแท็บที่มีไอคอนแอปและแท็บสูงสุด 4 แท็บ (ไม่มีปุ่มย้อนกลับ)
- เทมเพลตแบบฝัง ซึ่งอาจเป็นประเภทใดก็ได้ต่อไปนี้
แต่ละมุมมองแท็บจะสอดคล้องกับเทมเพลตที่ฝังอยู่ 1 รายการ และมีการใช้งานมุมมองแท็บเดียวเท่านั้นในช่วงเวลาที่กำหนด
โครงสร้างของเทมเพลตแท็บ
เทมเพลตแท็บมีองค์ประกอบต่อไปนี้
- แถบแท็บ ซึ่งแสดงแท็บได้สูงสุด 4 แท็บ
- เทมเพลตที่ฝัง โดยใช้เทมเพลตใดเทมเพลตหนึ่งต่อไปนี้ ได้แก่ รายการ ตารางกริด การค้นหา แผง ข้อความ หรือการนำทาง
ตัวอย่างเทมเพลตแท็บ
ข้อกำหนด UX ของเทมเพลตแท็บ
นักพัฒนาแอป
| ต้อง | ระบุไอคอนเวกเตอร์สีเดียวสำหรับแต่ละแท็บ |
| ต้อง | ใส่แท็บอย่างน้อย 2 แท็บแต่ไม่เกิน 4 แท็บในส่วนหัวของแอป |
| ต้องไม่ | อนุญาตให้มีการใช้งานแท็บมากกว่า 1 แท็บต่อครั้ง |
| ต้องไม่ | สร้างการนำทางรองโดยการเพิ่มแท็บระดับ 2 |
| ควร | ให้ใช้ป้ายกำกับแท็บสั้นๆ เพื่อไม่ให้มีการตัดข้อความ |
| ไม่ควร | ใช้ส่วนหัวหรือแถบการทำงานในเทมเพลตที่ฝัง |