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

ส่วนประกอบแถบควบคุมที่ลดขนาดลง
แถบควบคุมแบบย่อช่วยให้เข้าถึงชุดควบคุมที่จำเป็นได้อย่างสะดวกในมุมมองต่างๆ กายวิภาคศาสตร์
แถบควบคุมมีสองรูปแบบ คือ แบบไม่ขยายและแบบขยาย แบบไม่ขยายสามารถมีปุ่มควบคุมได้สูงสุดห้าปุ่ม ในแอปพลิเคชันสื่อ หนึ่งในนั้นคือปุ่มเล่น/หยุดชั่วคราว
เมื่อขยายแถบควบคุมแล้ว สามารถเพิ่มปุ่มควบคุมได้สูงสุดห้าปุ่มในแถวที่สอง ผู้ใช้สามารถเลือกปุ่มขยายเพื่อขยายหรือยุบแถบควบคุมได้
1. ส่วนของแถบควบคุมที่มองเห็นได้ก่อนการขยายตัว
2. ส่วนขยายของแถบคำสั่ง
3. หนึ่งในตัวควบคุม
4. ปุ่ม Overflow (ขยายและยุบแถบควบคุม) ข้อมูลจำเพาะ

ป้ายกำกับเค้าโครง
คำจำกัดความของ E, M, KL, P, Flex แถบควบคุม

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

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

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

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

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

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

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

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

สไตล์

แนวทางการใช้สี
โทนสี ระดับความสูง ค่าความทึบแสง และอื่นๆ สี
| องค์ประกอบ | สี (โหมดกลางวัน) | สี (โหมดกลางคืน) |
|---|
| ไอคอนหลัก | สีขาว | สีขาว @ 88% |
| ฉากกั้นแบบเต็มหน้าจอ | สีดำ @ 78% | สีดำ @ 84% |
| ผ้าตาข่ายไล่ระดับสี | ยังไม่กำหนด | ยังไม่กำหนด |
ขนาด
| องค์ประกอบ | ขนาด (dp) |
|---|
| แถบควบคุม | 96 (จอขนาดสั้น) หรือ 128 (จอขนาดมาตรฐานขึ้นไป) |
| ไอคอนหลัก | 44 |
ตัวอย่าง
แถบควบคุมในมุมมองการเล่น
แถบควบคุมแบบขยายในมุมมองการเล่น
แถบควบคุมในคิวสื่อ
แถบควบคุมแบบขยายในคิวสื่อ
แถบควบคุมในคิวสื่อ
แถบควบคุมแบบขยายในคิวสื่อ
แถบควบคุมจะขยายและหดตัวเมื่อผู้ใช้แตะปุ่มเมนูเพิ่มเติม
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2026-03-11 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2026-03-11 UTC"],[],[]]