สัญญาณบอกสถานะของสื่อ

ส่วนประกอบตัวบ่งชี้ความคืบหน้าของสื่อนั้นมีเฉพาะใน แอปพลิเคชันสื่อ เท่านั้น

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

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

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

กายวิภาคของตัวชี้วัดความก้าวหน้าของสื่อ
1. แทร็กที่ใช้งานอยู่
2. แทร็กที่ไม่ได้ใช้งาน

ตัวชี้วัดความคืบหน้าของสื่ออาจเป็น แบบเส้นตรง หรือ แบบวงกลม ก็ได้

ตัวบ่งชี้ความคืบหน้าของสื่อเชิงเส้น

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

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

ตัวชี้วัดความก้าวหน้าของสื่อระบุว่า

ระหว่างการเล่น ตัวแสดงความคืบหน้าจะอยู่ในสถานะใดสถานะหนึ่งจากสี่สถานะดังนี้:

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

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

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

ตัวบ่งชี้ความคืบหน้าของสื่อเชิงเส้น

ตัวบ่งชี้ความคืบหน้าของสื่อเชิงเส้น (เส้นสีแดง)

ตัวชี้วัดความก้าวหน้าของสื่อหมุนเวียน

ตัวชี้วัดความคืบหน้าของสื่อหมุนเวียน (เส้นสีแดง)

การปรับแต่ง

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

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

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

คู่มือการผสานรวมไลบรารี UI สำหรับรถยนต์ ให้คำแนะนำจากผู้ผลิตรถยนต์ (OEM) สำหรับการปรับแต่งส่วนประกอบต่างๆ

ตัวอย่าง

ตัวบ่งชี้ความคืบหน้าของสื่อเชิงเส้นกำลังทำงานอยู่
ตัวบ่งชี้ความคืบหน้าการเล่นสื่อเชิงเส้นในมุมมองการเล่นของแอปสื่อ

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