Компонент индикатора прогресса мультимедиа уникален для медиа-приложений .
Индикатор прогресса — это визуальное представление продолжительности и истекшего времени воспроизведения медиа-источника. Он появляется в мультимедийных приложениях во время воспроизведения.
Анатомия
Индикатор хода воспроизведения мультимедиа состоит из неактивной дорожки (отображается серым цветом), которая представляет продолжительность источника мультимедиа, и активной дорожки (отображается с акцентным цветом), которая накладывается на неактивную дорожку и указывает прошедшее время воспроизведения.
![Анатомия индикатора прогресса СМИ](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Anatomy.png?authuser=5&hl=ru)
2. Неактивный трек
Индикатор прогресса мультимедиа может быть линейным или круговым .
![Линейный индикатор прогресса медиа](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Linearbar.png?authuser=5&hl=ru)
Линейный индикатор прогресса отображает продолжительность и прошедшее время на горизонтальной оси. Видимая часть дорожки центрируется в сенсорной области с разрешением 76 dp. Нажатие или перетаскивание прошедшего времени позволяет пользователю перемещаться в разные места медиаисточника. Линейный индикатор прогресса мультимедиа предназначен для экранов с разрешением 800 dp и выше.
![Анатомия индикатора кругового прогресса](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Circularbar.png?authuser=5&hl=ru)
Круговой индикатор прогресса отображает продолжительность и прошедшее время в виде круга. Нажатие или перетаскивание прошедшего времени не поддерживается для перемещения в разные места. Круглый индикатор прогресса мультимедиа предназначен для экранов высотой менее 800 пикселей и для использования, когда элементы управления воспроизведением мультимедиа свернуты.
Индикатор прогресса СМИ сообщает
Во время воспроизведения индикатор прогресса находится в одном из четырех состояний:
- Воспроизведение: медиафайл воспроизводится, и активная дорожка перемещается по неактивной дорожке, указывая прошедшее время.
- Приостановлено: пользователь приостановил воспроизведение. Активная дорожка неподвижна в той точке, где воспроизведение приостановлено.
- Буферизация: мультимедийное приложение загружает контент для воспроизведения. Индикатор отображает белую линию, которая неоднократно перемещается по неактивной дорожке во время загрузки контента.
- Ошибка: Невозможно воспроизвести медиафайлы. Активного трека нет, а неактивный трек отключен.
![Активная дорожка перемещается по неактивной дорожке по мере воспроизведения мультимедиа.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-active.gif?authuser=5&hl=ru)
![Активная дорожка неподвижна, а воспроизведение мультимедиа приостановлено](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-restingState.png?authuser=5&hl=ru)
![Белая линия постоянно перемещается по неактивной дорожке во время загрузки контента.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-buffering.gif?authuser=5&hl=ru)
![Неактивный трек отключается при возникновении ошибки воспроизведения medai.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-error.png?authuser=5&hl=ru)
Характеристики
Линейный индикатор прогресса медиа
![Красная линия индикатора прогресса линейного медиа](https://developers.google.cn/cars/design/automotive-os/components/images/ProgressBarLinearRedline.png?authuser=5&hl=ru)
Циркулярный индикатор прогресса СМИ
![Круглый индикатор прогресса в средствах массовой информации, красная линия](https://developers.google.cn/cars/design/automotive-os/components/images/Redline_circular.jpg?authuser=5&hl=ru)
Кастомизация
Во время воспроизведения мультимедиа активная дорожка индикатора воспроизведения мультимедиа отображается акцентным цветом. Цвет акцента по умолчанию — оттенок синего. Разработчики приложений могут вместо этого указать цвет акцента приложения, который отражает их медиа-бренд. Аналогично, OEM-производители могут предоставить акцентный цвет, отражающий марку их автомобиля. Если он указан, акцентный цвет OEM имеет приоритет над акцентным цветом приложения.
![Линейный индикатор выполнения мультимедиа, показывающий активную дорожку с использованием акцентных цветов по умолчанию, сторонних производителей и OEM.](https://developers.google.cn/cars/design/automotive-os/components/images/default_linear.jpg?authuser=5&hl=ru)
![Круглый индикатор выполнения мультимедиа, показывающий активную дорожку с использованием акцентных цветов по умолчанию, сторонних производителей и OEM.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-theme-styling.png?authuser=5&hl=ru)
Руководство по интеграции библиотеки пользовательского интерфейса автомобиля содержит рекомендации OEM по настройке компонентов.
Подробные инструкции по использованию цвета для настройки компонентов см. на странице Цвет .
Примеры
![Линейный индикатор прогресса медиа в действии](https://developers.google.cn/cars/design/automotive-os/components/images/02DMediaPlaybackView.png?authuser=5&hl=ru)
![Циркулярный индикатор прогресса СМИ в действии](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-circular-indicator-example.png?authuser=5&hl=ru)