Medienfortschrittsanzeige

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
1. Aktiver Track
2. Inaktiver Track

Die Fortschrittsanzeige für Medien kann linear oder kreisförmig sein.

Fortschrittsanzeige für lineare Medien

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

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.
Wiedergabestatus: Der aktive Track wird im inaktiven Track fortgesetzt, während Medien abgespielt werden.
Der aktive Titel befindet sich nicht im Hintergrund, während die Medienwiedergabe pausiert ist
Pausiert: Der aktive Track wird nicht bewegt, während die Medienwiedergabe pausiert ist.
Während der Inhalt geladen wird, springt eine weiße Linie wiederholt über den inaktiven Track vor.
Pufferstatus: Während der Inhalt geladen wird, springt eine weiße Linie wiederholt über den inaktiven Track vor.
Der inaktive Track ist bei einem Fehler bei der Medai-Wiedergabe deaktiviert Fehlerstatus: Wenn ein Medienfehler auftritt, wird kein aktiver Track angezeigt und der inaktive Track wird deaktiviert.

Technische Daten

Fortschrittsanzeige für lineare Medien

Rote Linie für die Fortschrittsanzeige der linearen Medien

Kreisförmige Fortschrittsanzeige für Medien

Kreisförmige Fortschrittsanzeige für Medien

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
Standardmäßig wird die Fortschrittsanzeige in einem Blauton dargestellt. App-Entwickler können den standardmäßigen App-Stil mit der Akzentfarbe ihrer eigenen Marke (in diesem Beispiel Grün) überschreiben. Auch OEMs können sowohl das Standard- als auch das App-Design mit der Akzentfarbe ihrer eigenen Marke (in diesem Beispiel Orange) überschreiben.
Kreisförmige Fortschrittsanzeige für Medien, in der der aktive Titel in Standardfarben, Drittanbieter- und OEM-Akzentfarben angezeigt wird
Beispiele für Standardfarben, App- und OEM-Akzentfarben auf einer kreisförmigen Fortschrittsanzeige

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
Lineare Fortschrittsanzeige für Medien in der Wiedergabeansicht der Medien-App
Kreisförmige Fortschrittsanzeige für Medien in Aktion
Hier erscheint die kreisförmige Fortschrittsanzeige für Medien auf der minimierten Wiedergabesteuerung. Das minimierte Steuerelement überlagert den Bildschirm einer Playlist.