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