แถบควบคุม

แถบควบคุมมีการควบคุมที่เกี่ยวข้องกับข้อมูลพร็อพเพอร์ตี้แต่ละรายการ โดยจะแสดงตัวควบคุมสูงสุด 5 รายการในเวอร์ชันที่ยังไม่ขยาย และตัวควบคุมเพิ่มเติมสูงสุด 5 รายการเมื่อขยาย

ในแอปสื่อ แถบควบคุมจะใช้ในมุมมองการเล่นสำหรับการควบคุมเล่น/หยุดชั่วคราว ก่อนหน้า ถัดไป และการควบคุมอื่นๆ รวมถึงการควบคุมสำหรับการดำเนินการของบุคคลที่สามที่กำหนดเอง

คอมโพเนนต์ของแถบควบคุมที่ย่อเล็กสุด

แถบควบคุมที่ย่อขนาดให้ชุดตัวควบคุมขั้นต่ำที่ใช้ได้ในหลายๆ มุมมอง

---

กายวิภาคศาสตร์

แถบควบคุมมี 2 รูปแบบ ได้แก่ ยังไม่ขยายและขยายออก เวอร์ชันที่ยังไม่ขยายจะมีตัวควบคุมได้สูงสุด 5 รายการ ในแอปสื่อ หนึ่งในรายการเหล่านี้คือ "เล่น/หยุดชั่วคราว"

เมื่อขยายแล้ว แถบควบคุมจะมีตัวควบคุมเพิ่มเติมได้สูงสุด 5 รายการในแถวที่สอง ผู้ใช้จะเลือกปุ่มรายการเพิ่มเติมเพื่อขยายหรือยุบแถบควบคุมได้

1. ส่วนของแถบควบคุมจะปรากฏก่อนการขยาย
2. ส่วนที่ขยายของแถบการดำเนินการ
3. ตัวควบคุมแบบใดแบบหนึ่ง
4. ปุ่ม Overflow (ขยายและยุบแถบควบคุม)

---

ข้อกำหนด

ป้ายกำกับเลย์เอาต์

คำจำกัดความของ E, M, KL, P, Flex

แถบควบคุม

ขยายแถบควบคุมแล้ว

การวางตัวควบคุม 1-4 ตัวบนแถบควบคุมพร้อมตัวควบคุมตรงกลางแบบตรึงไว้

ตัวควบคุมแบบยึดตำแหน่งศูนย์กลางคือตัวควบคุมที่มีตำแหน่งที่ต้องการอยู่ตรงกลางของแถบควบคุม เช่น ปุ่มเล่น/หยุดชั่วคราว

การวางตัวควบคุม 1-4 ตัวบนแถบควบคุมที่ไม่มีตัวควบคุมแบบยึดตำแหน่ง

การวางตัวควบคุม 6-9 ตัวบนแถบควบคุม

---

การปรับขนาดเลย์เอาต์

เลย์เอาต์อ้างอิงเหล่านี้จะแสดงวิธีการปรับแถบควบคุมให้เหมาะสมกับหน้าจอที่มีความกว้างและความสูงที่หลากหลาย (หมวดหมู่ความกว้างและความสูงจะกำหนดอยู่ในส่วนการออกแบบ) โปรดทราบว่าค่าพิกเซลทั้งหมดจะเป็นพิกเซลที่แสดงผล ก่อนที่จะเกิดการสุ่มหรือสุ่มขึ้น

เลย์เอาต์

ขอบ แนวเส้นกรอบ และระยะห่างจากขอบสำหรับหน้าจอขนาดต่างๆ

ป้ายกำกับเลย์เอาต์

คำจำกัดความของ E, M, KL, P, Flex

หน้าจอที่กว้างเป็นพิเศษโดยมีขอบระหว่างระยะขอบมากกว่า 1028dp

เมื่อความกว้างระหว่างระยะขอบมากกว่าความกว้างสูงสุดของแถบควบคุม (1028dp) ให้จัดกึ่งกลางแถบควบคุมในแนวนอน แถบควบคุมจะไม่ขยายออกไปจนสุดขอบ

หน้าจอที่กว้างเป็นพิเศษโดยมีขอบระหว่างระยะขอบน้อยกว่า 1028dp

หน้าจอกว้าง

หน้าจอความกว้างมาตรฐาน

บนหน้าจอที่มีความกว้างมาตรฐาน ให้จัดแถบควบคุมให้อยู่กึ่งกลางในแนวนอน แถบควบคุมจะขยายไปถึงขอบ ในหน้าจอที่มีความกว้างมาตรฐานที่ 690 dp ตามตัวอย่างนี้ ให้ใช้ระยะห่างจากขอบด้านข้างของ P5 ระหว่างขอบของแถบควบคุมและขอบของหน้าจอ

หน้าจอสั้น

แถบควบคุมขยายในหน้าจอที่สั้นกว่า 1,000dp

แถบควบคุมขยายออกบนหน้าจอสั้นๆ

แถบควบคุมขยายอยู่บนหน้าจอที่สูงกว่า 1,000dp

---

รูปแบบ

หลักเกณฑ์เกี่ยวกับสี

จานสี ค่าระดับความสูงและความทึบแสง และอื่นๆ

สี

องค์ประกอบ	สี(โหมดวัน)	สี (โหมดกลางคืน)
ไอคอนหลัก	สีขาว	สีขาว @ 88%
Scrim แบบเต็มหน้าจอ	ดำ @ 78%	สีดำ @ 84%
Scrim การไล่ระดับสี	จะแจ้งภายหลัง	จะแจ้งภายหลัง

ขนาด

องค์ประกอบ	ขนาด (dp)
แถบควบคุม	96 (หน้าจอสั้น) / 128 (ความสูงมาตรฐานขึ้นไป)
ไอคอนหลัก	44

---

ตัวอย่าง

แถบควบคุมในมุมมองการเล่น

แถบควบคุมที่ขยายในมุมมองการเล่น

แถบควบคุมในคิวสื่อ

ขยายแถบควบคุมในคิวสื่อ

แถบควบคุมในคิวสื่อ

ขยายแถบควบคุมในคิวสื่อ

แถบควบคุมการขยายและการย่อเมื่อผู้ใช้แตะปุ่มรายการเพิ่มเติม