Steuerleiste
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Die Steuerungsleiste enthält Steuerelemente, die einer bestimmten Ansicht zugeordnet sind. Im nicht erweiterten Zustand werden bis zu fünf Steuerelemente angezeigt, im erweiterten Zustand bis zu fünf weitere.
In Medien-Apps wird die Steuerleiste in der Wiedergabeansicht für Wiedergabe/Pause, Vorheriges, Nächstes und andere Steuerelemente verwendet, einschließlich solcher für benutzerdefinierte Aktionen von Drittanbietern.
Minimierte Bedienelemente
Die minimierte Steuerleiste bietet eine minimale Auswahl an Steuerelementen, die in verschiedenen Ansichten verfügbar sind.
Anatomie
Die Steuerleiste hat zwei Formate: eingeklappt und ausgeklappt. Die eingeklappte Version kann bis zu fünf Steuerelemente enthalten. In Medien-Apps ist eines davon die Wiedergabe-/Pause-Taste.
Im erweiterten Zustand kann die Steuerleiste bis zu fünf zusätzliche Steuerelemente in einer zweiten Zeile enthalten. Benutzer können die Schaltfläche „Überlauf“ auswählen, um die Steuerleiste ein- oder auszublenden.
1. Der vor dem Aufklappen sichtbare Teil der Bedienleiste. 2. Erweiterter Bereich der Aktionsleiste 3. Eine der Steuerungen 4. Überlauf-Schaltfläche (erweitert und reduziert die Steuerungsleiste)
Spezifikationen
Layout-Beschriftungen
Definitionen von E, M, KL, P, Flex
Bedienleiste
Erweiterte Bedienleiste
Anordnung von 1–4 Bedienelementen auf der Bedienleiste mit verankertem Mittelbedienelement
Ein verankertes Bedienelement ist ein Bedienelement, das bevorzugt in der Mitte der Bedienleiste platziert wird, wie beispielsweise eine Musikwiedergabe-/Pause-Taste.
Platzierung von 1–4 Bedienelementen auf der Bedienleiste ohne verankerte Bedienelemente
Anordnung von 6–9 Bedienelementen auf der Kontrollleiste
Skalierung von Layouts
Diese Referenzlayouts zeigen, wie die Steuerleiste an Bildschirme unterschiedlicher Breite und Höhe angepasst werden kann. (Die Kategorien für Breite und Höhe sind im Abschnitt „Layout“ definiert.) Beachten Sie, dass alle Pixelwerte in gerenderten Pixeln angegeben sind, also vor jeglicher Herunter- oder Hochskalierung.
Besonders breite Bildschirme mit mehr als 1028 dp zwischen den Rändern
Ist der Abstand zwischen den Rändern größer als die maximale Breite der Steuerleiste (1028 dp), wird die Steuerleiste horizontal zentriert. Die Steuerleiste erstreckt sich dann nicht bis an die Ränder.
Besonders breite Bildschirme mit einem Randabstand von weniger als 1028 dp
Breitbildschirme
Bildschirme in Standardbreite
Bei Bildschirmen mit Standardbreite wird die Steuerleiste horizontal zentriert. Sie ragt in die Ränder hinein. Bei einem Bildschirm mit einer Standardbreite von genau 690 dp, wie in diesem Beispiel, sollte ein seitlicher Abstand von 5 Pixeln zwischen den Rändern der Steuerleiste und den Bildschirmrändern eingehalten werden.
Kurze Bildschirme
Die Steuerungsleiste wird auf Bildschirmen mit einer Auflösung unter 1000 dp erweitert.
Steuerleiste auf kurzen Bildschirmen erweitert
Die Steuerungsleiste wurde auf Bildschirmen mit einer Höhe von mehr als 1000 dp erweitert.
Stile
Farbrichtlinien
Farbpaletten, Höhen- und Deckkraftwerte und mehr
Farbe
Element
Farbe (Tagesmodus)
Farbe (Nachtmodus)
Primäre Symbole
Weiß
Weiß @ 88%
Vollbild-Scrim
Schwarz @ 78%
Schwarz @ 84%
Farbverlaufsgewebe
TBD
TBD
Größenangaben
Element
Größe (dp)
Bedienleiste
96 (kurze Bildschirme) oder 128 (Standardhöhe und größer)
Primäres Symbol
44
Beispiele
Steuerungsleiste in der Wiedergabeansicht. Erweiterte Steuerungsleiste in der Wiedergabeansicht.
Steuerungsleiste in der Medienwarteschlange. Erweiterte Steuerungsleiste in der Medienwarteschlange.
Steuerungsleiste in der Medienwarteschlange. Erweiterte Steuerungsleiste in der Medienwarteschlange.
Die Steuerungsleiste erweitert und verkleinert sich, wenn der Benutzer auf die Überlauftaste tippt.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2026-03-11 (UTC)."],[],[]]