แถบควบคุม

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

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

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

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

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

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

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

ข้อมูลจำเพาะ

ไอคอนคำอธิบาย
ป้ายกำกับเค้าโครง
คำจำกัดความของ E, M, KL, P, Flex

แถบควบคุม

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

การจัดวางปุ่มควบคุม 1–4 ปุ่มบนแถบควบคุม โดยมีปุ่มควบคุมตรงกลางยึดอยู่กับที่

ปุ่มควบคุมที่อยู่ตรงกลางแบบยึดติด คือปุ่มควบคุมที่มีตำแหน่งที่เหมาะสมอยู่ตรงกลางแถบควบคุม เช่น ปุ่มเล่น/หยุดเพลง

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

การจัดวางปุ่มควบคุม 6-9 ปุ่มบนแถบควบคุม

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

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

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

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

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

จอกว้าง

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

บนหน้าจอที่มีความกว้างมาตรฐาน ให้จัดวางแถบควบคุมไว้ตรงกลางแนวนอน แถบควบคุมจะยื่นออกไปนอกขอบจอ บนหน้าจอที่มีความกว้างมาตรฐาน 690 dp ดังตัวอย่างนี้ ให้ใช้ระยะห่างด้านข้าง (side padding) 5 พิกเซล ระหว่างขอบของแถบควบคุมกับขอบของหน้าจอ

หน้าจอสั้น

แถบควบคุมจะขยายใหญ่ขึ้นบนหน้าจอที่มีความยาวน้อยกว่า 1000 dp

แถบควบคุมขยายใหญ่ขึ้นบนหน้าจอขนาดเล็ก

แถบควบคุมจะขยายใหญ่ขึ้นบนหน้าจอที่มีความสูงมากกว่า 1000 dp

สไตล์

ไอคอนคำอธิบาย
แนวทางการใช้สี
โทนสี ระดับความสูง ค่าความทึบแสง และอื่นๆ

สี

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

ขนาด

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

ตัวอย่าง

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