Nutzer können über Wischen auf eine Komponente zusätzliche Aktionen aufrufen.
Mit der Komponente Wischen, um zu enthüllen können Sie Chips und Karten zusätzliche Aktionen hinzufügen, insbesondere wenn sie in Listen angezeigt werden. Mit dieser Komponente können Nutzer schnell Dinge erledigen, ohne den Bildschirm verlassen zu müssen.
Nutzer können Chips und Karten teilweise nach links wischen, um auf diese Aktionen zuzugreifen, und dann auf eine Aktion tippen, um sie auszuführen. Nutzer können Chips und Karten auch vollständig nach links wischen, um schnell die primäre Aktion auszuführen.
Die Komponente hat zwei Slots für diese Aktionen:
- Primär
- Sekundär (optional)
Anatomie
Offengelegte Aktionen
Entwickler können die Aktionen für ihre individuellen Anwendungsfälle anpassen. Überlegen Sie sich die Farbe und die Ikonografie, die für diese Aktionen verwendet wird, damit Nutzer ihre Bedeutung verstehen.
Die angezeigten Aktionen werden für alle Sprachversionen auf derselben Seite angezeigt.
- Primäre Aktion
- Sekundäre Aktion (optional)
Primäre Aktion festlegen
Um die primäre Aktion auszuführen, kann der Nutzer entweder auf die Schaltfläche tippen oder weiter nach links wischen. So erstreckt sich die Schaltfläche über die gesamte Breite des Bildschirms und ein Label wird angezeigt. Die Aktion wird nach der Auswahl ausgeblendet.
Das erste Beispiel zeigt eine Option mit einer einzelnen Schaltfläche. Das zweite Beispiel zeigt eine Option mit zwei Schaltflächen.
Aktion rückgängig machen
Fügen Sie für zerstörerische Aktionen eine Komponente zum Rückgängigmachen hinzu, damit Nutzer diese Aktionen rückgängig machen können. Fügen Sie der primären Aktion die Undo-Funktion hinzu.
Wenn Sie einen Chip hinzufügen, wird anstelle der ausgeführten Aktion eine Schaltfläche zum Rückgängigmachen angezeigt. Nach kurzer Zeit wird die Undo-Aktion ausgeblendet und das System führt die ausgeführte Aktion aus.
Wischschwellenwerte
Das Verhalten der Komponente „Wischen, um zu enthüllen“ hängt davon ab, wie weit der Nutzer wischt:
- Wenn der Nutzer weniger als 50% des Bildschirms wischt, springt die Komponente zurück in ihre Ausgangsposition und es wird keine Aktion ausgeführt.
- Wenn der Nutzer zwischen 50% und 75% der gesamten Breite über den Bildschirm wischt, bleibt die Komponente teilweise sichtbar und die mit der Komponente verknüpften Aktionen werden angezeigt.
- Wenn der Nutzer über mehr als 75% des Bildschirms wischt, verschwindet die Komponente und das System führt automatisch die primäre Aktion aus.
Zugehörige Komponenten
Die folgenden Material Design-Komponenten implementieren das Verhalten „Wischen, um zu enthüllen“:
Auf Karten
Die folgenden Screenshots zeigen, wie die Komponente bei Verwendung der Klasse SwipeToRevealCard durch Wischen angezeigt wird:
Auf Chips
Die folgenden Screenshots zeigen, wie die Komponente bei Verwendung der Klasse SwipeToRevealChip durch Wischen angezeigt wird:
