Разрешите пользователям проводить по компоненту, чтобы открыть дополнительные действия.
Анатомия
Совершите основное действие
Чтобы совершить основное действие, пользователь может либо нажать на кнопку, либо продолжить проводить пальцем влево. Таким образом, кнопка расширяется на всю ширину экрана и отображает метку. Действие исчезает после выбора.
В первом примере показан вариант с одной кнопкой . Во втором примере показан вариант с двойной кнопкой .
Отменить действие
Для деструктивных действий добавьте компонент отмены, чтобы пользователи могли отменить эти действия. Добавьте возможность отмены к основному действию.
Если добавлено, вместо совершенного действия появляется кнопка отмены фишки. Через небольшой промежуток времени действие отмены исчезнет, и система завершит совершенное действие.
Смахните пороги
Проведение пальцем по экрану для отображения поведения компонента зависит от того, как далеко пользователь проводит пальцем по экрану:
- Если пользователь проведет пальцем по менее чем 50% экрана, компонент вернется в исходное положение, и никаких действий не будет предпринято.
- Если пользователь проводит пальцем по экрану на расстояние от 50% до 75% полной ширины, компонент остается частично видимым, и отображаются действия, связанные с ним.
- Если пользователь проведет пальцем по более чем 75% экрана, компонент исчезнет, и система автоматически выполнит основное действие.
Связанные компоненты
Следующие компоненты с тематикой материалов реализуют пролистывание для отображения поведения:
На картах
На следующих снимках экрана показано пролистывание для отображения внешнего вида компонента при использовании класса SwipeToRevealCard
:
На чипсах
На следующих снимках экрана показано пролистывание, чтобы показать внешний вид компонента при использовании класса SwipeToRevealChip
: