Ein ToggleChip ist ein spezieller Chip, mit dem Nutzer verschiedene Optionen auswählen können.
Ein/Aus-Chips enthalten eine zweistufige Ein/Aus-Schaltfläche. Beispiele für zweistufige Ein/Aus-Schaltflächen sind Schalter, Optionsfelder oder Kästchen. Verwenden Sie Ein/Aus-Chips für Situationen, in denen viele Optionen schnell und einfach festgelegt werden müssen, z. B. in den Einstellungen.
Anatomie
Ein/Aus-Chips haben vier Slots für zwei Textlabels, ein Auswahlsteuerelement und ein Anwendungssymbol. Das Symbol und das sekundäre Label sind optional.
A. Label
B. Sekundäres Label
C. Symbol
D. Auswahlsteuerung
E. Container
Farbverlauf der Chips ein-/ausschalten
Oben/links = 0% Oberfläche
Unten/Rechts = 50% Primär
(Farbverlauf-Overlays auf einem Hintergrund mit Oberflächenfarbe)
Auswahlsteuerung
Wechseln
Aktivieren oder deaktivieren Sie eine Auswahl mithilfe eines Schalters.
Optionsfeld
Verwenden Sie Optionsfelder in Listen, in denen der Nutzer nur eine Option auswählen kann.
Kästchen
Verwenden Sie Kontrollkästchen in Listen, in denen der Nutzer mehrere Optionen auswählen kann.
Chips zum Teilen ein-/ausblenden
Verwenden Sie die geteilten Chips, wenn Sie zwei antippbare Bereiche verwenden möchten.
Ähnliche Komponenten
Split-Umschaltchips
Der SplitToggleChip unterscheidet sich von dem umgeschalteten Chip, indem er zwei antippbare Bereiche hat, einen anklickbar und einen mit der Ein/Aus-Schaltfläche.
Bei der Option „Geteilte Ein/Aus-Schaltfläche“ können Sie zwischen dem antippbaren Hintergrundbereich und der Ein/Aus-Schaltfläche unterscheiden, indem Sie jedem Abschnitt eine andere Farbe zuweisen.
Nutzung
Verwende umgeschaltete Chips, wie in den folgenden Beispielen gezeigt.
Adaptive Layouts
Responsives Verhalten
Ein/Aus-Schaltfläche dehnt sich so aus, dass die verfügbaren Breite auf größeren Displays ausgefüllt wird.
Symbol (24 × 24 dp)
Container (52 × XX dp)