애플리케이션 개발Workshop시각화 위젯스테퍼

본 번역은 검증되지 않았습니다. AIP를 통해 영문원문으로부터 번역되었습니다.

스테퍼

스테퍼 위젯은 사용자를 여러 단계의 워크플로를 통해 이동하도록 돕는데 사용되며, 그들이 일련의 단계를 거치면서 진행 상황을 표시하고 추적합니다.

스테퍼 예시

설정 옵션

  • 유형
    • 선형: 사용자는 순서대로 단계를 완료해야 합니다.
    • 비선형: 사용자는 단계 사이를 자유롭게 이동하고 원하는 순서로 완료할 수 있습니다.
  • 단계
    • 워크플로의 각 단계에 대한 설정을 생성하고 정의합니다.
    • 레이블: 위젯에서 단계를 표시하기 위해 레이블을 설정합니다.
    • 클릭 시: 위젯에서 단계를 클릭할 때 트리거될 이벤트를 설정합니다.
    • 완료 여부: 단계가 완료되었는지 확인하기 위해 사용될 부울 변수를 설정합니다.
    • 아이콘: 단계에 표시될 아이콘을 설정합니다.
  • 스타일
    • 템플릿
      • 텍스트만: 위젯의 각 단계에 대해 순서대로 번호를 표시합니다.
      • 아이콘 사용: 위젯의 각 단계에 대해 아이콘을 표시합니다. 아이콘은 단계별로 설정할 수 있습니다.
    • 단계 번호 표시: 선형 스테퍼 유형으로 설정하고 아이콘을 사용하도록 설정하면 위젯에도 단계 번호를 표시하도록 토글을 켭니다.
    • 완료된 색상: 단계가 완료되었을 때의 색상을 설정합니다. 이는 단계에 설정된 부울 변수가 true일 때 트리거됩니다.
    • 활성 색상: 사용자가 현재 활성화된 단계의 색상을 설정합니다.