Schaltflächengruppe

Eine Schaltflächengruppe ist ein navigierbarer Container mit Schaltflächen.

Designelemente sollten am unteren Rand des Frames verankert sein.

Grundsätze

Aktionsorientiert: Enthält Aktionsschaltflächen anstelle von Labelgruppen.

Containment: Gruppiert Aktionen mit Bewegung und Fokus.

Flexibel: Kann aus mehreren Schaltflächentypen bestehen.

Nutzung und Platzierung

Verwenden Sie eine Schaltflächengruppe, um mehrere Schaltflächen anzuzeigen. Wenn Sie mehrere Schaltflächen präsentieren, verwenden Sie eine Schaltflächengruppe anstatt jede Schaltfläche einzeln zu gestalten.

Schaltflächengruppe

Eine Schaltflächengruppe kann aus einer beliebigen Kombination von Schaltflächentypen mit derselben Schaltflächenhöhe bestehen.

Die Höhe von Buttons in einer Gruppe sollte einheitlich sein.
Gruppieren Sie Schaltflächen unterschiedlicher Höhe.

Schaltflächengruppen können mit anderen Elementen wie Karten oder Stapeln kombiniert werden, um als zugehörige Aktionen zu fungieren.

Verwenden Sie nur eine Schaltflächengruppe pro Layout.
Mehrere Schaltflächengruppen stapeln

Eine Schaltflächengruppe kann 1 bis 10 Schaltflächen enthalten und entweder in den Container passen oder überlaufen.

Schaltflächengruppe

A. Enthalten: Die Schaltflächengruppe passt in die Breite des Containers, ohne dass Elemente abgeschnitten werden.

B. Überlauf: Die Breite der Schaltflächengruppe ist größer als der im Container verfügbare Platz.

Verwenden Sie weniger als 10 Schaltflächen und nur die wichtigsten, um die Anzahl der Wischbewegungen zu minimieren.
Die Schaltflächengruppe auf mehr als 10 Schaltflächen erweitern.

Fokus

Der anfängliche Fokus liegt standardmäßig auf der linken Schaltfläche. Bei symmetrischen Schaltflächengruppen kann er aber auch auf die Mitte ausgerichtet werden.

Konfigurieren Sie den Fokus so, dass Funktionen mit dem höchsten Zugriff oder der höchsten Wichtigkeit hervorgehoben werden.
Überschreiben Sie den standardmäßigen anfänglichen Fokus, wenn alle Elemente eine ähnliche Bedeutung für den Anwendungsfall haben.

zentriertes Layout

Eine zentriert ausgerichtete Schaltflächengruppe, die auf dem ursprünglichen Fokuselement basiert und bei der der Fokus durch Wischen verschoben wird. Vermeiden Sie die Verwendung eines Overflow-Layouts, da alle Schaltflächen sichtbar und in einem zentrierten Layout enthalten sein sollten.

linksbündiges Layout

Das Layout der links ausgerichteten Schaltflächengruppe enthält Start- und Endränder von 44 dp von den Rändern. Die Schaltflächen werden in drei Schritten sanft in die Mitte gescrollt und die Geschwindigkeit wird beim Verschieben erhöht.

Anatomie

linksbündiges Layout

Die Schaltflächengruppe ist eine Containerkomponente, in der 1 bis 10 Schaltflächen beliebigen Typs mit einheitlicher Höhe gruppiert werden. Weitere Informationen zu Schaltflächen finden Sie in der Anleitung zu Schaltflächen.

Anpassung

Ein Set aus Schaltflächengruppen kann aus einer beliebigen Kombination von Schaltflächentypen mit derselben Schaltflächenhöhe bestehen.

Properties Anpassung Standardeinstellungen
Erster Schwerpunkt Ja 0