تجدر الإشارة إلى أنّ مكوّن مؤشر تقدّم الوسائط فريد وخاص بتطبيقات الوسائط.
مؤشر التقدم هو تمثيل مرئي للمدة ووقت التشغيل المنقضي لمصدر وسائط. وتظهر في تطبيقات الوسائط أثناء التشغيل.
علم التشريح
يتكوّن مؤشر تقدّم الوسائط من مسار غير نشط (معروض باللون الرمادي) يمثّل مدة مصدر الوسائط ومقطعًا صوتيًا نشطًا (معروضًا بلون تمييز) يُركّب على المسار غير النشط للإشارة إلى وقت التشغيل المنقضي.
![بنية مؤشر تقدُّم الوسائط](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Anatomy.png?authuser=5&hl=ar)
2- أغنية غير نشطة
يمكن أن يكون مؤشر تقدم الوسائط خطيًا أو دائريًا.
![مؤشر تقدم الوسائط الخطية](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Linearbar.png?authuser=5&hl=ar)
يعرض مؤشر التقدم الخطي المدة والوقت المنقضي على محور أفقي. يوضع الجزء المرئي من المسار في منطقة مستهدفة باللمس تبلغ 76 بكسل مستقل الكثافة. ويؤدي النقر على الوقت المنقضي أو سحبه إلى السماح للمستخدم بالانتقال إلى مواقع مختلفة في مصدر الوسائط. أمّا مؤشر تقدُّم الوسائط المجدوَلة فهو مخصّص للشاشات التي يبلغ درجة دقتها 800 بكسل مستقل الكثافة أو أطول.
![بنية مؤشر التقدم الدائري](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Circularbar.png?authuser=5&hl=ar)
يعرض مؤشر التقدم الدائري المدة والوقت المنقضي على شكل دائرة. لا يمكن النقر على الوقت المنقضي أو سحبه للانتقال إلى مواقع مختلفة. إنّ المؤشر الدائري لتقدم الوسائط مخصّص للشاشات التي يقل طولها عن 800 بكسل مستقل الكثافة، كما يُستخدم عند تصغير عناصر التحكّم في تشغيل الوسائط.
حالات مؤشر تقدم الوسائط
أثناء التشغيل، يكون مؤشر التقدم في إحدى الحالات الأربع:
- قيد التشغيل: يتم تشغيل الوسائط وتتقدم المسار النشط على المسار غير النشط للإشارة إلى الوقت المنقضي.
- متوقف مؤقتًا: أوقف المستخدم التشغيل مؤقتًا. يكون المسار النشط ثابتًا عند النقطة التي يتوقّف فيها التشغيل مؤقتًا.
- جارٍ التخزين المؤقت: يُحمِّل تطبيق الوسائط المحتوى لتشغيله. يعرض المؤشر خطًا أبيض يتقدم بشكل متكرر عبر المسار غير النشط أثناء تحميل المحتوى.
- خطأ: لا يمكن تشغيل الوسائط. ما مِن قناة إصدار نشطة والمسار غير النشط غير مفعّل.
![تقدّم المقطع الصوتي النشط في المسار غير النشط أثناء تشغيل الوسائط.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-active.gif?authuser=5&hl=ar)
![المسار النشط ثابت أثناء إيقاف تشغيل الوسائط مؤقتًا](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-restingState.png?authuser=5&hl=ar)
![يتقدم خط أبيض بشكل متكرر عبر المسار غير النشط أثناء تحميل المحتوى](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-buffering.gif?authuser=5&hl=ar)
![يتم إيقاف المقطع الصوتي غير النشط عند حدوث خطأ في تشغيل الوسائط.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-error.png?authuser=5&hl=ar)
المواصفات
مؤشر تقدم الوسائط الخطية
![خط أحمر لمؤشر تقدم الوسائط الخطية](https://developers.google.cn/cars/design/automotive-os/components/images/ProgressBarLinearRedline.png?authuser=5&hl=ar)
مؤشر دائري لتقدم الوسائط
![خط أحمر لمؤشر تقدم الوسائط الدائري.](https://developers.google.cn/cars/design/automotive-os/components/images/Redline_circular.jpg?authuser=5&hl=ar)
التخصيص
أثناء تشغيل الوسائط، يتم عرض المسار النشط لمؤشر تقدم الوسائط باستخدام لون تمييز. لون التمييز الافتراضي هو ظل باللون الأزرق. ويمكن لمطوّري التطبيقات اختيار توفير لون تمييز للتطبيق يعبِّر عن علامتهم التجارية للوسائط بدلاً من ذلك. وبالمثل، يمكن للمصنّعين الأصليين للأجهزة توفير لون تمييز يعكس العلامة التجارية لسياراتهم. إذا تم توفير لون تمييز المصنّع الأصلي للجهاز، تكون له الأولوية على لون تمييز التطبيق.
![شريط تقدّم وسائط خطي يعرض مسارًا نشطًا باستخدام ألوان التمييز التلقائية وألوان الجهات الخارجية والمصنّعين الأصليين](https://developers.google.cn/cars/design/automotive-os/components/images/default_linear.jpg?authuser=5&hl=ar)
![شريط تقدّم دائري في الوسائط يعرض مسارًا نشطًا باستخدام ألوان التمييز التلقائية وألوان الجهات الخارجية والمصنّعين الأصليين](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-theme-styling.png?authuser=5&hl=ar)
يقدّم دليل دمج مكتبة واجهة مستخدم السيارة إرشادات للمصنّع الأصلي للجهاز لتخصيص المكوّنات.
للحصول على إرشادات محدّدة حول استخدام الألوان لتخصيص المكونات، انتقِل إلى اللون.
أمثلة
![مؤشر تقدم الوسائط المجدوَلة قيد التشغيل](https://developers.google.cn/cars/design/automotive-os/components/images/02DMediaPlaybackView.png?authuser=5&hl=ar)
![مؤشر دائري لتقدم الوسائط أثناء العمل](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-circular-indicator-example.png?authuser=5&hl=ar)