Zezwalanie użytkownikom na przesuwanie komponentu w celu wyświetlenia dodatkowych działań.
Komponent przesuń, aby wyświetlić umożliwia dodawanie dodatkowych działań do elementów i kart, zwłaszcza gdy pojawiają się one na listach. Ten komponent pozwala użytkownikom szybko wykonywać czynności bez opuszczania ekranu.
Użytkownicy mogą przesuwać elementy i karty w lewo, aby uzyskać dostęp do tych działań, a potem kliknąć działanie, aby je wykonać. Użytkownicy mogą też przesunąć elementy i karty w lewo, aby szybko wykonać główne działanie.
Komponent ma 2 miejsca na te działania:
- Główny
- Dodatkowy (opcjonalnie)
Anatomia
Odsłonięte działania
Deweloperzy mogą dostosowywać działania do swoich potrzeb. Zastanów się, jakie kolory i ikony chcesz użyć, aby użytkownicy wiedzieli, co oznaczają te działania.
Odkryte działania są widoczne po tej samej stronie we wszystkich językach.
- Główne działanie
- Dodatkowe działanie (opcjonalne)
Przejście do działania podstawowego
Aby wykonać główne działanie, użytkownik może kliknąć przycisk lub przesunąć palcem w lewo. W ten sposób przycisk zajmuje całą szerokość ekranu i wyświetla etykietę. Po wybraniu działanie znika.
Pierwszy przykład pokazuje opcję z jednym przyciskiem. Drugi przykład przedstawia opcję podwójnego przycisku.
Cofnij działanie
W przypadku działań, które mogą spowodować utratę danych, dodaj komponent cofnięcia, aby użytkownicy mogli je cofnąć. Dodaj do działania głównego możliwość cofnięcia.
Jeśli zostanie dodany, zamiast wykonanej czynności pojawi się przycisk cofnięcia. Po chwili cofnięcie zniknie, a system wykona działanie.
Próg przesunięcia
Zachowanie komponentu Przesuń, aby wyświetlić, zależy od tego, jak daleko użytkownik przesuwa palcem po ekranie:
- Jeśli użytkownik przesunie palcem mniej niż połowę ekranu, komponent powróci do pozycji wyjściowej i nie zostanie podjęta żadna czynność.
- Jeśli użytkownik przesunie palcem po ekranie w odległości od 50% do 75% jego szerokości, komponent pozostanie częściowo widoczny, a pojawią się powiązane z nim działania.
- Jeśli użytkownik przesunie palcem po ponad 75% ekranu, komponent zniknie, a system automatycznie wykona główne działanie.
Powiązane komponenty
Te komponenty oparte na temacie materiału implementują funkcję odsłonięcia przez przesunięcie:
Na kartach
Na tych zrzutach ekranu widać, jak wygląda komponent po przesunięciu palcem, gdy używasz klasy SwipeToRevealCard:
W przypadku układów
Na tych zrzutach ekranu widać, jak wygląda komponent po przesunięciu palcem, gdy używasz klasy SwipeToRevealChip:
