사용자가 구성요소를 스와이프하여 추가 작업을 표시할 수 있습니다.
스와이프하여 표시 구성요소를 사용하면 칩과 카드에, 특히 목록에 표시될 때 추가 작업을 추가할 수 있습니다. 이 구성요소를 사용하면 사용자가 화면을 벗어나지 않고도 빠르게 작업을 완료할 수 있습니다.
사용자는 칩과 카드를 왼쪽으로 부분적으로 스와이프하여 이러한 작업에 액세스한 다음 작업을 탭하여 완료할 수 있습니다. 또한 칩과 카드를 왼쪽으로 완전히 스와이프하여 기본 작업을 빠르게 실행할 수도 있습니다.
구성요소에는 다음 작업을 위한 슬롯이 2개 있습니다.
- 기본
- 보조 (선택사항)
분석
공개된 작업
개발자는 고유한 사용 사례에 맞게 작업을 맞춤설정할 수 있습니다. 사용자가 작업의 의미를 쉽게 이해할 수 있도록 이러한 작업에 사용되는 색상과 아이콘을 고려하세요.
표시된 작업은 모든 언어에서 동일한 쪽에 표시됩니다.
- 기본 액션
- 보조 액션 (선택사항)
기본 작업 커밋
기본 작업을 커밋하려면 사용자는 버튼을 탭하거나 왼쪽으로 계속 스와이프하면 됩니다. 이렇게 하면 버튼이 화면 전체 너비까지 확장되고 라벨이 표시됩니다. 작업은 선택된 후 사라집니다.
첫 번째 예는 단일 버튼 옵션을 보여줍니다. 두 번째 예는 이중 버튼 옵션을 보여줍니다.
작업 실행취소
파괴적인 작업의 경우 사용자가 이러한 작업을 취소할 수 있도록 실행취소 구성요소를 추가하세요. 기본 작업에 실행취소 기능을 추가합니다.
추가하면 커밋된 작업 대신 실행취소 칩 버튼이 표시됩니다. 잠시 후 실행취소 작업이 사라지고 시스템이 커밋된 작업을 완료합니다.
스와이프 기준점
스와이프하여 구성요소의 동작은 사용자가 화면을 스와이프하는 정도에 따라 달라집니다.
- 사용자가 화면의 50% 미만을 스와이프하여 스와이프하면 구성요소가 시작 위치로 다시 돌아가고 아무 작업도 실행되지 않습니다.
- 사용자가 전체 너비의 50~75% 사이에서 화면을 스와이프하면 구성요소는 부분적으로 표시되고 구성요소와 관련된 작업이 표시됩니다.
- 사용자가 화면의 75% 이상을 스와이프하면 구성요소가 사라지고 시스템에서 자동으로 기본 작업을 실행합니다.
관련 구성요소
다음 머티리얼 테마 구성요소는 스와이프를 구현하여 동작을 표시합니다.
카드
다음 스크린샷은 SwipeToRevealCard 클래스를 사용할 때 스와이프하여 구성요소가 어떻게 표시되는지 보여줍니다.
온칩
다음 스크린샷은 SwipeToRevealChip 클래스를 사용할 때 스와이프하여 구성요소가 어떻게 표시되는지 보여줍니다.
