แถบควบคุมย่อเล็กสุด

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

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

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

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

1. ไทล์เนื้อหา
2. เมตาเดตา
3. การควบคุม

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

ไอคอนคำอธิบาย
ส่วนประกอบรายการ
รายละเอียด คุณสมบัติ และอื่นๆ

แถบควบคุมย่อขนาด

แถบควบคุมย่อขนาดพร้อมข้อความล้น

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

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

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

จอกว้าง

หน้าจอกว้างพิเศษและกว้างมาก

สไตล์

การจัดพิมพ์

รูปแบบตัวอักษร แบบอักษร น้ำหนัก ขนาด (dp)
ร่างกาย 1 โรโบโต ปกติ 32
ส่วนที่ 3 โรโบโต ปกติ 24

สี

องค์ประกอบ สี (โหมดกลางวัน) สี (โหมดกลางคืน)
ประเภทหลัก สีขาว สีขาว @ 88%
ประเภทรอง สีขาว @ 72% สีขาว @ 60%
ไอคอน สีขาว สีขาว @ 88%
ตัวบ่งชี้เวลาที่ผ่านไป สำเนียงของบุคคลที่สาม สำเนียงของบุคคลที่สาม
ตัวบ่งชี้เวลาที่เหลืออยู่ #464A4D #464A4D
พื้นหลังของแถบควบคุมที่ย่อขนาดลง #0E1013 @ 84% #0E1013 @ 88%
ตัดทอนความชัน สีดำที่ระดับ 0-100% ในพื้นที่ข้อความ 10% สีดำที่ระดับ 0-100% ในพื้นที่ข้อความ 10%

ขนาด

องค์ประกอบ ขนาด (dp)
ไอคอน 44
เนื้อหาไทล์ 96
ตัวชี้วัดความคืบหน้า 84
เส้นทางการติดตามตัวชี้วัดความคืบหน้า 4
ความสูงของแถบควบคุมที่ย่อขนาดลง 128
รัศมีมุมโค้งมน (R1) 4

ตัวอย่าง

แถบควบคุมขนาดเล็กสำหรับหน้าจอที่มีความกว้างมากกว่ามาตรฐาน

แถบควบคุมขนาดเล็กสำหรับหน้าจอที่มีความกว้างมาตรฐาน