미디어 진행률 표시기 구성요소는 미디어 앱마다 고유합니다.
진행률 표시기는 미디어 소스의 지속 시간과 경과된 재생 시간을 시각적으로 나타냅니다. 재생 중에 미디어 앱에 표시됩니다.
분석
미디어 진행률 표시기는 미디어 소스의 지속 시간을 나타내는 비활성 트랙 (회색으로 표시됨)과 비활성 트랙 위에 오버레이되어 경과된 재생 시간을 나타내는 활성 트랙 (강조 색상으로 표시됨)으로 구성됩니다.
![미디어 진행률 표시기 구성](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Anatomy.png?authuser=19&hl=ko)
2. 비활성 트랙
미디어 진행률 표시기는 선형 또는 원형일 수 있습니다.
![선형 미디어 진행 상태 표시기](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Linearbar.png?authuser=19&hl=ko)
선형 진행률 표시기는 가로축에 지속 시간과 경과 시간을 표시합니다. 트랙의 표시되는 부분은 76dp 터치 영역 영역의 중앙에 위치합니다. 경과된 시간을 탭하거나 드래그하면 사용자가 미디어 소스의 다른 위치로 이동할 수 있습니다. 선형 미디어 진행률 표시기는 높이가 800dp 이상인 화면에 적합합니다.
![원형 진행률 표시기 구성](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Circularbar.png?authuser=19&hl=ko)
원형 진행 상태 표시기는 지속 시간 및 경과 시간을 원으로 표시합니다. 다른 위치로 이동하는 경우 경과된 시간을 탭하거나 드래그할 수 없습니다. 원형 미디어 진행률 표시기는 높이가 800dp 미만인 화면과 미디어 재생 컨트롤이 최소화될 때 사용하기 위한 것입니다.
미디어 진행 상태 표시기 상태
재생 중에 진행률 표시기는 다음 네 가지 상태 중 하나입니다.
- 재생 중: 미디어가 재생되고 활성 트랙이 비활성 트랙을 따라 진행하여 경과된 시간을 나타냅니다.
- 일시중지됨: 사용자가 재생을 일시중지했습니다. 활성 트랙은 재생이 일시중지된 지점에서 정지되어 있습니다.
- 버퍼링: 미디어 앱에서 재생할 콘텐츠를 로드하고 있습니다. 표시기에 콘텐츠가 로드되는 동안 비활성 트랙에서 반복적으로 이동하는 흰색 선이 표시됩니다.
- 오류: 미디어를 재생할 수 없습니다. 활성 트랙이 없으며 비활성 트랙이 사용 중지되었습니다.
![활성 트랙은 미디어가 재생됨에 따라 비활성 트랙에서 진행됩니다.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-active.gif?authuser=19&hl=ko)
![미디어 재생이 일시중지된 동안 활성 트랙은 정지되어 있습니다.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-restingState.png?authuser=19&hl=ko)
![콘텐츠가 로드되는 동안 비활성 트랙에서 흰색 선이 반복적으로 나아갑니다.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-buffering.gif?authuser=19&hl=ko)
![Medai 재생 오류가 발생하면 비활성 트랙이 사용 중지됩니다.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-error.png?authuser=19&hl=ko)
사양
선형 미디어 진행 상태 표시기
![선형 미디어 진행 상태 표시기 레드라인](https://developers.google.cn/cars/design/automotive-os/components/images/ProgressBarLinearRedline.png?authuser=19&hl=ko)
원형 미디어 진행률 표시기
![원형 미디어 진행률 표시기 레드라인](https://developers.google.cn/cars/design/automotive-os/components/images/Redline_circular.jpg?authuser=19&hl=ko)
맞춤설정
미디어 재생 중에 미디어 진행률 표시기의 활성 트랙이 강조 색상으로 표시됩니다. 기본 강조 색상은 파란색 음영입니다. 앱 개발자는 미디어 브랜드를 대신 나타내는 앱 강조 색상을 제공할 수 있습니다. 마찬가지로 OEM은 자동차 브랜드를 나타내는 강조 색상을 제공할 수 있습니다. 제공되는 경우 OEM 강조 색상이 앱의 강조 색상보다 우선합니다.
![기본, 서드 파티 및 OEM 강조 색상을 사용하는 활성 트랙을 보여주는 선형 미디어 진행률 표시줄](https://developers.google.cn/cars/design/automotive-os/components/images/default_linear.jpg?authuser=19&hl=ko)
![기본, 서드 파티, OEM 강조 색상을 사용하는 활성 트랙을 보여주는 원형 미디어 진행률 표시줄](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-theme-styling.png?authuser=19&hl=ko)
자동차 UI 라이브러리 통합 가이드에서는 구성요소 맞춤설정을 위한 OEM 안내를 제공합니다.
색상을 사용하여 구성요소를 맞춤설정하는 방법에 관한 구체적인 안내는 색상을 참고하세요.
예
![선형 미디어 진행 상태 표시기 작동 방식](https://developers.google.cn/cars/design/automotive-os/components/images/02DMediaPlaybackView.png?authuser=19&hl=ko)
![실행 중인 원형 미디어 진행률 표시기](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-circular-indicator-example.png?authuser=19&hl=ko)