Medien anpassen

„Medien“ gehört zu einer Reihe von System-Apps wie „Telefon“ und „App Launcher“. Diese Apps haben gemeinsame Stile und Assets, die auf verschiedenen Ebenen in der AOSP-Struktur definiert sind.

  • framework/base: Hier sind alle Android-Grundstile definiert.
  • packages/services/Car/car_product/overlay : Enthält Overlays zur Buildzeit, die Standard-Framework-/Basisressourcen ändern, um das AOSP-Look-and-Feel von Android Automotive OS zu erzeugen. OEMs können dieses Overlay ausschließen und ein eigenes verwenden.
  • packages/apps/Car/libs/car-ui-lib: Diese Bibliothek definiert AAOS-Komponenten und ‑Ressourcen, die für System-Apps und nicht paketierte Apps zur Anpassung gemeinsam sind. Weitere Informationen finden Sie im Integrationsleitfaden für die Car UI Library.
  • packages/apps/Car/libs/car_app_common.Gemeinsame Farben und Stile, die von Automotive-System-Apps verwendet werden. OEMs können diese Elemente mithilfe von Overlays anpassen (ähnlich wie oben beschrieben für car_product/overlay).
  • packages/apps/Car/libs/car_media_common: Enthält Elemente, die für die Medien-UI und andere Medien-UIs gemeinsam verwendet werden. Beispiel: das Medien-Widget auf dem Startbildschirm.

  • packages/apps/Car/Media. Alle System-Apps verwenden ein eigenes Design, das sich von Theme.CarUi ableitet, wie in car-ui-lib definiert.

Android Automotive AOSP bietet zwei Darstellungen von Medien.

  • Media-UI Ermöglicht es Nutzern, sich anzumelden, Inhalte zu suchen und detaillierte Wiedergabesteuerungen zu verwenden.
  • Medien-Widget auf dem Startbildschirm Aktiviert die Verwendung der Hauptfunktionen zur Steuerung der Medienwiedergabe auf dem Startbildschirm.

Medien-Benutzeroberfläche

Diese Abbildung beschreibt die Struktur der Medien-UI:

Medien-UI

Abbildung 1. Medienoberfläche

Weitere Informationen zu UX- und UI-Richtlinien sowie zur räumlichen Struktur der verschiedenen Komponenten von Medien finden Sie unter Räumliches Modell.

AppBarView: Symbolleiste

Die Symbolleiste der Media-Benutzeroberfläche ist eine Komponente, die auch von anderen System-Apps wie dem Telefon und dem Radio verwendet wird. Informationen zum Anpassen der Symbolleiste finden Sie im Leitfaden zur Integration der Car UI Library.

Maximale Größe des Artworks

Wenn du Media-Apps über die maximale Größe des abzurufenden Artworks informieren möchtest, kannst du media_items_bitmap_max_size_px in deinem System einblenden. Senden Sie dazu EXTRA_MEDIA_ART_SIZE_HINT_PIXELS als Root-Hinweis. So sparen Sie beim Herunterladen von Bildern Bandbreite. Weitere Informationen finden Sie unter MediaConstants auf developer.android.com.

Fragment durchsuchen

Das Durchsuchen besteht hauptsächlich aus einer Car UI RecyclerView, die die Bildlaufleistenposition, Pfeile und Ränder verwaltet und Elemente verschiedener Typen durchsuchen kann, z. B. Kopfzeilen, Rasterelemente, Symbolrasterelemente, Listenelemente und Symbollistenelemente.

Minimierte Wiedergabesteuerung

Wenn das Suchfragment angezeigt wird und ein Medienelement ausgewählt ist, werden minimierte Wiedergabesteuerelemente angezeigt. Die folgende Abbildung veranschaulicht die Struktur dieser Ansicht:

Minimierte Wiedergabesteuerung

Abbildung 2. Minimierte Wiedergabesteuerung.

Liste ansehen

Entwickler können einen Stilhinweis verwenden (siehe Inhaltsstile anwenden), um die Darstellung von Inhalten für die Mediensuche anzupassen. OEMs müssen diese Stile einhalten und die Präsentation an ihr Designsystem anpassen.

Die unterstützten Elementtypen und die jeweiligen Layouts finden Sie hier:

Wiedergabebildschirm

Maximiere die minimierte Wiedergabesteuerung, um diesen Bildschirm aufzurufen:

  • Metadaten des gerade wiedergegebenen Medienelements (einschließlich Titel und Untertitel).
  • Vollständige Wiedergabesteuerung
  • Wiedergabeliste (zeigt zuletzt abgespielte oder nächste abzuspielende Elemente an)

Die Komponenten des Wiedergabebildschirms sind in den folgenden Abbildungen zu sehen.

Wiedergabebildschirm

Abbildung 3: Wiedergabebildschirm.

Der Wiedergabebildschirm hat keine gemeinsame Symbolleiste mit dem Rest der App. Stattdessen werden die Elemente oben auf dem Bildschirm einzeln verwaltet.

Attribution für Audioformatierung

Wenn Apps die KEY_CONTENT_FORMAT_TINTABLE_LARGE_ICON_URI oder KEY_CONTENT_FORMAT_TINTABLE_SMALL_ICON_URI in den Extras des aktuell wiedergegebenen Medienelements festlegen. OEMs müssen das entsprechende Vektor-Zeichnen rendern, wie im URI angegeben.

Für die Hauptwiedergabeansicht muss die große Version des Symbols für das Inhaltsformat verwendet werden. In sekundären Ansichten, z. B. in einer kleineren Wiedergabeleiste, können OEMs die kleinere Version des Inhaltsformat-Symbols verwenden. Das ContentFormatView-Element rendert das optimale Symbol basierend auf seinem logoSize-Attribut.

Wenn Apps KEY_SUBTITLE_LINK_MEDIA_ID oder KEY_DESCRIPTION_LINK_MEDIA_ID festlegen, müssen OEMs den Untertitel oder die Beschreibung so darstellen, dass sie angetippt werden können. Anschließend muss die Ansicht „Suchen“ geöffnet werden, damit das verknüpfte Medienelement angezeigt wird, wenn der Nutzer darauf tippt.

Wiedergabesteuerung

Der Wiedergabebildschirm enthält eine erweiterte Auswahl an Wiedergabesteuerungen, die in Steuerzeilen angeordnet sind. Die sekundäre Zeile (unten als obere Zeile dargestellt) wird nur angezeigt, wenn in der ersten Zeile nicht genügend Platz ist, um alle Aktionen anzuzeigen, die von der Medien-App von PlaybackStateCompat#getActions() zurückgegeben wurden.

Wiedergabesteuerung

Abbildung 4. Wiedergabesteuerung.

OEMs können die Symbole für Standardaktionen anpassen, müssen aber Symbole für benutzerdefinierte Aktionen so präsentieren, wie sie von den Medien-Apps bereitgestellt werden.

Medien-Widget für den Startbildschirm

Dieses Widget ist in car-media-common als Fragment implementiert. Dieses Fragment enthält eine minimierte Version des oben beschriebenen Wiedergabebildschirms. Es gelten dieselben Anpassungsregeln und -funktionen.

Medien-Widget für den Startbildschirm

Abbildung 5. Medien-Widget für den Startbildschirm

Für die Schaltfläche „App-Auswahl“ oben wird die Funktion switch verwendet, die im Abschnitt Media Source Switching User Flow beschrieben wird.

Wenn du das aktuelle Symbol für die Medienquelle für die Schaltfläche „App-Auswahl“ verwenden möchtest, überlagere das in platform/packages/apps/Car/libs/car-media-common/res/values/bools.xml definierte Flag use_media_source_logo_for_app_selector und setze es auf true. Durch diese Änderung wird das Symbol für die Medienquelle auf der gegenüberliegenden Seite der App-Symbolleiste ausgeblendet. Die Anpassung gilt auch für die Media Center App und die Referenz-Radio-App.

Schaltfläche für die Auswahl der Medien-App

Abbildung 6: Schaltfläche für die Auswahl der Medien-App.

Layout der Schaltflächen „Wiedergabe“, „Pause“ und „Stopp“

Das Layout der Schaltflächen „Wiedergabe“, „Pause“ und „Stopp“ kann für „Now Playing“ und die minimierte Wiedergabesteuerung angepasst werden. Beide Layouts sind in packages/apps/Car/libs/car-media-common/res/layout/ definiert.

Wenn Sie die Schaltflächenlayouts anpassen möchten, wenden Sie Compilezeit-Overlays auf play_pause_stop_button_layout.xml und minimized_play_pause_stop_button_layout.xml an.

Aktuellen Titel in der Wiedergabeliste markieren

Der Status des aktuellen Elements in der Wiedergabeliste ist auf selected festgelegt. Er kann daher mithilfe von Statusressourcen wie Farbstatuslisten (siehe Ressource „Farbstatusliste“ ) und Statuslisten-Zeichnenobjekten (siehe Zeichnenobjekte) angepasst werden. Um die erforderlichen Stiländerungen anzuwenden, kannst du das Layout des Wiedergabelistenelements packages/apps/Car/Media/res/layout/queue_list_item.xml oder ein separates

Du kannst auch ein Symbol neben dem aktuellen Element der Wiedergabeliste anzeigen lassen:

Abbildung 7.  Aktuelles Element in der Wiedergabeliste ist hervorgehoben.