Steuerleiste

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.

Hinweissymbol
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

Hinweissymbol
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

Hinweissymbol
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.