مؤلفه نشانگر پیشرفت رسانه منحصر به برنامه های رسانه است.
نشانگر پیشرفت یک نمایش تصویری از مدت زمان و زمان پخش سپری شده برای یک منبع رسانه است. در برنامه های رسانه ای در حین پخش ظاهر می شود.
آناتومی
نشانگر پیشرفت رسانه شامل یک آهنگ غیرفعال (نمایش داده شده به رنگ خاکستری) است که مدت زمان منبع رسانه را نشان می دهد، و یک آهنگ فعال (نمایش داده شده با رنگ تاکیدی) که برای نشان دادن زمان پخش سپری شده روی آهنگ غیرفعال قرار می گیرد.
![آناتومی شاخص پیشرفت رسانه](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Anatomy.png?authuser=2&hl=fa)
2. مسیر غیر فعال
نشانگر پیشرفت رسانه می تواند خطی یا دایره ای باشد.
![نشانگر پیشرفت رسانه خطی](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Linearbar.png?authuser=2&hl=fa)
نشانگر پیشرفت خطی مدت و زمان سپری شده را در یک محور افقی نمایش می دهد. بخش قابل مشاهده مسیر در یک ناحیه لمسی هدف 76dp در مرکز قرار دارد. ضربه زدن یا کشیدن زمان سپری شده به کاربر امکان می دهد به مکان های مختلف در منبع رسانه حرکت کند. نشانگر پیشرفت رسانه خطی برای صفحه نمایش های 800dp یا بلندتر در نظر گرفته شده است.
![آناتومی نشانگر پیشرفت دایره ای](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Circularbar.png?authuser=2&hl=fa)
نشانگر پیشرفت دایره ای مدت و زمان سپری شده را به صورت دایره ای نمایش می دهد. ضربه زدن یا کشیدن زمان سپری شده برای جابجایی به مکان های مختلف پشتیبانی نمی شود. نشانگر پیشرفت رسانه دایره ای برای صفحه نمایش هایی با ارتفاع کمتر از 800dp و برای استفاده زمانی که کنترل های پخش رسانه به حداقل رسیده است در نظر گرفته شده است.
نشانگر پیشرفت رسانه ها
در حین پخش، نشانگر پیشرفت در یکی از چهار حالت است:
- پخش: رسانه در حال پخش است و آهنگ فعال در مسیر غیرفعال پیشروی می کند تا زمان سپری شده را نشان دهد.
- Paused: کاربر پخش را متوقف کرد. آهنگ فعال در نقطه ای که پخش متوقف می شود ثابت است.
- بافر: برنامه رسانه در حال بارگیری محتوا برای پخش است. این نشانگر یک خط سفید را نشان می دهد که در حین بارگیری محتوا به طور مکرر در مسیر غیرفعال پیشروی می کند.
- خطا: رسانه پخش نمی شود. هیچ آهنگ فعالی وجود ندارد و آهنگ غیرفعال غیرفعال است.
![با پخش رسانه، آهنگ فعال در مسیر غیرفعال پیشرفت می کند](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-active.gif?authuser=2&hl=fa)
![آهنگ فعال در حالی که پخش رسانه متوقف شده است ثابت است](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-restingState.png?authuser=2&hl=fa)
![در حین بارگیری محتوا، یک خط سفید به طور مکرر در مسیر غیرفعال پیشروی می کند](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-buffering.gif?authuser=2&hl=fa)
![هنگامی که خطای پخش مدای وجود دارد، آهنگ غیرفعال غیرفعال می شود](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-error.png?authuser=2&hl=fa)
مشخصات
نشانگر پیشرفت رسانه خطی
![خط قرمز نشانگر پیشرفت رسانه خطی](https://developers.google.cn/cars/design/automotive-os/components/images/ProgressBarLinearRedline.png?authuser=2&hl=fa)
نشانگر پیشرفت رسانه دایره ای
![خط قرمز نشانگر پیشرفت رسانه دایره ای](https://developers.google.cn/cars/design/automotive-os/components/images/Redline_circular.jpg?authuser=2&hl=fa)
سفارشی سازی
در طول پخش رسانه، آهنگ فعال نشانگر پیشرفت رسانه با استفاده از رنگ برجسته نمایش داده می شود. رنگ تاکیدی پیش فرض سایه آبی است. توسعه دهندگان برنامه می توانند انتخاب کنند که به جای آن یک رنگ تاکیدی برنامه ارائه دهند که نشان دهنده برند رسانه آنها باشد. به طور مشابه، OEM ها می توانند رنگ برجسته ای را ارائه دهند که نشان دهنده برند خودروی آنها باشد. در صورت ارائه، یک رنگ تاکیدی OEM بر رنگ تاکیدی یک برنامه اولویت دارد.
![نوار پیشرفت رسانه خطی که مسیر فعال را با استفاده از رنگهای تاکیدی پیشفرض، شخص ثالث و OEM نشان میدهد](https://developers.google.cn/cars/design/automotive-os/components/images/default_linear.jpg?authuser=2&hl=fa)
![نوار پیشرفت رسانه دایرهای که مسیر فعال را با استفاده از رنگهای تاکیدی پیشفرض، شخص ثالث و OEM نشان میدهد](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-theme-styling.png?authuser=2&hl=fa)
راهنمای ادغام کتابخانه UI Car راهنمایی های OEM را برای سفارشی کردن اجزا ارائه می دهد.
برای راهنمایی خاص برای استفاده از رنگ برای سفارشی کردن اجزا، از Color دیدن کنید.
مثال ها
![نشانگر پیشرفت رسانه خطی در عمل](https://developers.google.cn/cars/design/automotive-os/components/images/02DMediaPlaybackView.png?authuser=2&hl=fa)
![نشانگر پیشرفت رسانه دایره ای در عمل](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-circular-indicator-example.png?authuser=2&hl=fa)