스와이프하여 표시

사용자가 구성요소를 스와이프하여 추가 작업을 표시할 수 있습니다.

스와이프하여 표시 구성요소를 사용하면 칩과 카드에, 특히 목록에 표시될 때 추가 작업을 추가할 수 있습니다. 이 구성요소를 사용하면 사용자가 화면을 벗어나지 않고도 빠르게 작업을 완료할 수 있습니다.

사용자는 칩과 카드를 왼쪽으로 부분적으로 스와이프하여 이러한 작업에 액세스한 다음 작업을 탭하여 완료할 수 있습니다. 또한 칩과 카드를 왼쪽으로 완전히 스와이프하여 기본 작업을 빠르게 실행할 수도 있습니다.

구성요소에는 다음 작업을 위한 슬롯이 2개 있습니다.

  1. 기본
  2. 보조 (선택사항)

분석

공개된 작업

개발자는 고유한 사용 사례에 맞게 작업을 맞춤설정할 수 있습니다. 사용자가 작업의 의미를 쉽게 이해할 수 있도록 이러한 작업에 사용되는 색상과 아이콘을 고려하세요.

표시된 작업은 모든 언어에서 동일한 쪽에 표시됩니다.

  1. 기본 액션
  2. 보조 액션 (선택사항)

기본 작업 커밋

기본 작업을 커밋하려면 사용자는 버튼을 탭하거나 왼쪽으로 계속 스와이프하면 됩니다. 이렇게 하면 버튼이 화면 전체 너비까지 확장되고 라벨이 표시됩니다. 작업은 선택된 후 사라집니다.

첫 번째 예는 단일 버튼 옵션을 보여줍니다. 두 번째 예는 이중 버튼 옵션을 보여줍니다.

작업 실행취소

파괴적인 작업의 경우 사용자가 이러한 작업을 취소할 수 있도록 실행취소 구성요소를 추가하세요. 기본 작업에 실행취소 기능을 추가합니다.

추가하면 커밋된 작업 대신 실행취소 칩 버튼이 표시됩니다. 잠시 후 실행취소 작업이 사라지고 시스템이 커밋된 작업을 완료합니다.

스와이프 기준점

스와이프하여 구성요소의 동작은 사용자가 화면을 스와이프하는 정도에 따라 달라집니다.

  • 사용자가 화면의 50% 미만을 스와이프하여 스와이프하면 구성요소가 시작 위치로 다시 돌아가고 아무 작업도 실행되지 않습니다.
  • 사용자가 전체 너비의 50~75% 사이에서 화면을 스와이프하면 구성요소는 부분적으로 표시되고 구성요소와 관련된 작업이 표시됩니다.
  • 사용자가 화면의 75% 이상을 스와이프하면 구성요소가 사라지고 시스템에서 자동으로 기본 작업을 실행합니다.

다음 머티리얼 테마 구성요소는 스와이프를 구현하여 동작을 표시합니다.

카드

다음 스크린샷은 SwipeToRevealCard 클래스를 사용할 때 스와이프하여 구성요소가 어떻게 표시되는지 보여줍니다.

온칩

다음 스크린샷은 SwipeToRevealChip 클래스를 사용할 때 스와이프하여 구성요소가 어떻게 표시되는지 보여줍니다.