Komponenten sind die Bausteine für das visuelle Design der AAOS-Oberfläche (Android Automotive OS). Einige AAOS-Komponenten und ihre anpassbaren Eigenschaften werden in der UI-Bibliothek des Autos implementiert, während es sich bei anderen um Standard-AOSP-Komponenten handelt oder sie gemäß den hier angegebenen Spezifikationen von Grund auf neu erstellt werden müssen.
In diesem Abschnitt werden Aufbau, visuelle Spezifikationen und Stile von AAOS-Komponenten beschrieben.
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-1.png?authuser=0&hl=de)
App-Leiste und -Kopfzeile
Ein spezieller Bereich für wichtige App-bezogene Funktionen
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-2.png?authuser=0&hl=de)
Schaltflächen
Aktionsangebote, die den Nutzenden ihren Zweck vermitteln
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-3.png?authuser=0&hl=de)
Steuerleiste
Eine Reihe erweiterbarer Steuerelemente, die mit einer bestimmten Ansicht verknüpft sind
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-4.png?authuser=0&hl=de)
Dialogfelder
Karten mit Mitteilungen an Nutzer zu aktuellen oder dringenden Informationen, manchmal mit Optionen zum Antworten
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-5.png?authuser=0&hl=de)
Raster
Scrollbare Arrays von Bildern, die Inhaltselemente darstellen, mit kurzem Text unter jedem Bild
![](https://developers.google.cn/cars/design/automotive-os/components/images/keypad-ov.png?authuser=0&hl=de)
Wähltastatur
Erlaubt Nutzern, Telefonnummern in die Telefon App einzugeben
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-6.png?authuser=0&hl=de)
Listeneinträge
Inhalte werden als Textzeilen (mit optionalen kleinen Bildern oder Symbolen) in einer einzelnen, scrollbaren Spalte angezeigt
![](https://developers.google.cn/cars/design/automotive-os/components/images/Comp-Ov-Pi.png?authuser=0&hl=de)
Medien-Fortschrittsanzeige
Visuelle Darstellung der Dauer und verstrichene Wiedergabezeit für eine Medienquelle in einer Medien-App
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-7.png?authuser=0&hl=de)
Minimierte Steuerleiste
Eine kleinere Version der Steuerleiste, die in mehreren Ansichten verfügbar ist, mit minimalen Steuerelementen und Metadaten
![](https://developers.google.cn/cars/design/automotive-os/components/images/noti-card-ov.png?authuser=0&hl=de)
Benachrichtigungskarte
Kleine Mengen aktueller Informationen aus dem System oder einer App zu übermitteln
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-8.png?authuser=0&hl=de)
Unterüberschrift
Eine Listenkachel, die einen Inhaltsabschnitt in einer Raster- oder Listenansicht identifiziert
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-10.png?authuser=0&hl=de)
Bildlaufleiste
Ein Positionsindikator und Navigationshilfe für Situationen, in denen das Dokument größer als das Fenster ist, in dem es angezeigt wird
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-9.png?authuser=0&hl=de)
Tabs
Schaltflächen, die immer in Gruppen erscheinen und von der jeweiligen Position der jeweils anderen abhängig sind
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-toast.png?authuser=0&hl=de)
Toast
Unten auf dem Bildschirm angezeigte Nachrichten mit Informationen zu Aktionen, die eine App ausgeführt hat oder ausführen wird.