Die Komponente „Medienfortschrittanzeige“ gibt es nur für Medien-Apps.
Die Fortschrittsanzeige ist eine visuelle Darstellung der Dauer und verstrichene Wiedergabezeit einer Medienquelle. Es erscheint während der Wiedergabe in Medien-Apps.
Anatomie
Die Fortschrittsanzeige für Medien besteht aus einem inaktiven Track (grau dargestellt), der die Dauer der Medienquelle darstellt, und einem aktiven Track (in Akzentfarbe), der die verstrichene Wiedergabezeit über dem inaktiven Track überlagert.
![Aufbau der Medienfortschrittsanzeige](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Anatomy.png?authuser=0&hl=de)
2. Inaktiver Track
Die Fortschrittsanzeige für Medien kann linear oder kreisförmig sein.
![Fortschrittsanzeige für lineare Medien](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Linearbar.png?authuser=0&hl=de)
Die lineare Fortschrittsanzeige zeigt die Dauer und verstrichene Zeit auf einer horizontalen Achse an. Der sichtbare Teil des Tracks ist in einem 76 dp Zielbereich zentriert. Durch Tippen oder Ziehen der verstrichenen Zeit können Nutzer an eine andere Stelle in der Medienquelle wechseln. Die lineare Fortschrittsanzeige für Medien ist für Bildschirme mit einer Höhe von mindestens 800 dp vorgesehen.
![Anatomie des kreisförmigen Fortschritts](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Circularbar.png?authuser=0&hl=de)
Die kreisförmige Fortschrittsanzeige zeigt die Dauer und verstrichene Zeit als Kreis an. Das Tippen oder Ziehen der verstrichenen Zeit wird zum Verschieben an andere Orte nicht unterstützt. Die kreisförmige Fortschrittsanzeige für Medien ist für Bildschirme mit einer Höhe von weniger als 800 dp gedacht und für die Verwendung bei minimierten Steuerelementen für die Medienwiedergabe vorgesehen.
Status der Medienfortschrittsanzeige
Während der Wiedergabe hat die Fortschrittsanzeige einen der vier Status:
- Läuft gerade:Medien werden abgespielt und der aktive Track blättert über den inaktiven Track, um die verstrichene Zeit anzuzeigen.
- Pausiert:Der Nutzer hat die Wiedergabe pausiert. Der aktive Track steht an der Stelle, an der die Wiedergabe pausiert wurde.
- Wird zwischengespeichert:Die Medien-App lädt Inhalte zur Wiedergabe. Während des Ladevorgangs wird eine weiße Linie angezeigt, die den inaktiven Track wiederholt durchläuft.
- Fehler:Medien können nicht abgespielt werden. Es gibt keinen aktiven Track und der inaktive Track ist deaktiviert.
![Der aktive Track wird im inaktiven Track fortgesetzt, während Medien abgespielt werden.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-active.gif?authuser=0&hl=de)
![Der aktive Titel befindet sich nicht im Hintergrund, während die Medienwiedergabe pausiert ist](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-restingState.png?authuser=0&hl=de)
![Während der Inhalt geladen wird, springt eine weiße Linie wiederholt über den inaktiven Track vor.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-buffering.gif?authuser=0&hl=de)
![Der inaktive Track ist bei einem Fehler bei der Medai-Wiedergabe deaktiviert](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-error.png?authuser=0&hl=de)
Technische Daten
Fortschrittsanzeige für lineare Medien
![Rote Linie für die Fortschrittsanzeige der linearen Medien](https://developers.google.cn/cars/design/automotive-os/components/images/ProgressBarLinearRedline.png?authuser=0&hl=de)
Kreisförmige Fortschrittsanzeige für Medien
![Kreisförmige Fortschrittsanzeige für Medien](https://developers.google.cn/cars/design/automotive-os/components/images/Redline_circular.jpg?authuser=0&hl=de)
Anpassbare
Während der Medienwiedergabe wird der aktive Titel der Medienfortschrittsanzeige in einer Akzentfarbe dargestellt. Die Standard-Akzentfarbe ist ein Blauton. App-Entwickler können stattdessen eine Akzentfarbe für ihre App verwenden, die ihre Medienmarke widerspiegelt. Ebenso können OEMs eine Akzentfarbe anbieten, die ihre Automarke widerspiegelt. Eine OEM-Akzentfarbe hat Vorrang vor der Akzentfarbe einer App.
![Lineare Fortschrittsanzeige für Medien mit aktivem Titel in Standardfarben, Drittanbieter- und OEM-Akzentfarben](https://developers.google.cn/cars/design/automotive-os/components/images/default_linear.jpg?authuser=0&hl=de)
![Kreisförmige Fortschrittsanzeige für Medien, in der der aktive Titel in Standardfarben, Drittanbieter- und OEM-Akzentfarben angezeigt wird](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-theme-styling.png?authuser=0&hl=de)
Im Integrationsleitfaden für die Auto-UI-Bibliothek findest du OEM-Anleitungen zum Anpassen der Komponenten.
Eine ausführliche Anleitung zur Verwendung von Farben zur Anpassung von Komponenten finden Sie unter Farbe.
Beispiele
![Lineare Fortschrittsanzeige für Medien in Aktion](https://developers.google.cn/cars/design/automotive-os/components/images/02DMediaPlaybackView.png?authuser=0&hl=de)
![Kreisförmige Fortschrittsanzeige für Medien in Aktion](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-circular-indicator-example.png?authuser=0&hl=de)