เทมเพลตแท็บ

เทมเพลตแท็บทำหน้าที่เป็นคอนเทนเนอร์สำหรับเทมเพลตอื่นๆ ที่แสดงด้านล่าง โดยจะให้แท็บอยู่ด้านบน (ดังที่แสดงในโครงสร้างของเทมเพลตแท็บ)

คุณสามารถใช้แท็บสลับไปมาได้ ความสามารถนี้มีประโยชน์มากสำหรับการจัดระเบียบเนื้อหาหรือมุมมองที่ผู้ใช้จะต้องการเรียกดูหรือค้นหา

ประกอบด้วย

แต่ละมุมมองแท็บจะสอดคล้องกับเทมเพลตที่ฝังอยู่ 1 รายการ และมีการใช้งานมุมมองแท็บเดียวเท่านั้นในช่วงเวลาที่กำหนด

ไวร์เฟรมของเทมเพลตแท็บ

โครงสร้างของเทมเพลตแท็บ

ไวร์เฟรมของเทมเพลตแท็บ รวมถึงเทมเพลตที่ฝังที่เป็นไปได้ทั้งหมด

เทมเพลตแท็บมีองค์ประกอบต่อไปนี้

  1. แถบแท็บ ซึ่งแสดงแท็บได้สูงสุด 4 แท็บ
  2. เทมเพลตที่ฝัง โดยใช้เทมเพลตใดเทมเพลตหนึ่งต่อไปนี้ ได้แก่ รายการ ตารางกริด การค้นหา แผง ข้อความ หรือการนำทาง

ตัวอย่างเทมเพลตแท็บ

เทมเพลตแท็บที่มีเทมเพลตรายการฝังอยู่
มุมมองแท็บ "อุปกรณ์ทั้งหมด" สร้างขึ้นโดยใช้เทมเพลตแท็บที่มีเทมเพลตรายการ (ตัวอย่าง Android Auto)
เทมเพลตแท็บที่มีเทมเพลตตารางกริดฝังอยู่
มุมมองแท็บ "อุปกรณ์สมาร์ทโฮม" สร้างขึ้นโดยใช้เทมเพลตแท็บที่มีเทมเพลตตารางกริด (ตัวอย่าง Android Auto)

ข้อกำหนด UX ของเทมเพลตแท็บ

นักพัฒนาแอป

ต้อง ระบุไอคอนเวกเตอร์สีเดียวสำหรับแต่ละแท็บ
ต้อง ใส่แท็บอย่างน้อย 2 แท็บแต่ไม่เกิน 4 แท็บในส่วนหัวของแอป
ต้องไม่ อนุญาตให้มีการใช้งานแท็บมากกว่า 1 แท็บต่อครั้ง
ต้องไม่ สร้างการนำทางรองโดยการเพิ่มแท็บระดับ 2
ควร ให้ใช้ป้ายกำกับแท็บสั้นๆ เพื่อไม่ให้มีการตัดข้อความ
ไม่ควร ใช้ส่วนหัวหรือแถบการทำงานในเทมเพลตที่ฝัง