이 튜토리얼에서는 사용자가 최소 두 가지 옵션을 선택해야 하는 조건부 논리가 포함된 체크리스트를 만듭니다.
디자인 설정
- 절차를 진행하기 위해 사용자에게 최소 두 개의 박스에 체크를 하도록 유도하는 메시지가 포함된 텍스트 요소를 작성합니다.
- 라벨이 있는 체크박스를 만듭니다. 왼쪽 퀵툴의 form(양식)에서 체크박스 요소를 선택하고 ⌥ 를 누르면서 선택 항목의 오른쪽 하단에 표시된 핸들을 드래그합니다. 드래그하여 필요한 개수만큼 요소를 만듭니다.
- 오류 메시지를 포함하는 텍스트 요소를 만듭니다. 오류 메시지에는
다음 페이지로 이동하려면 최소 두 개를 선택해야 합니다.라는 문구를 포함하여 설정합니다. 이제 이 레이어 이름 옆의 레이어 패널에서 눈 아이콘을 클릭하여 오류 메시지를 숨깁니다.
- 텍스트 요소 'Submit'을 추가합니다. 퀵툴에서 박스를 선택(또는 B 를 누름)하고 폼 화면 하단에 직사각형을 그립니다.
sf1_smaller.mov
체크박스의 상태(State) 생성하기
(※ 옵션 작업입니다.)
체크박스 상태를 생성합니다: 체크되지 않은 상태(Base)와 체크된 상태
- 체크박스와 텍스트 라벨을 선택하고 상단 바의 Add State 를 클릭합니다. 체크되지 않은 상태(Base)가 자동으로 작성됩니다.
- 두 번째 상태(Checked)를 작성하고 Enter 키를 누릅니다.
- 체크된 상태에서 캔버스 화면 오른쪽 속성 패널(Properties Panel)에 있는 'CHECKBOX'에서 체크박스의 옵션을
Checked로 설정합니다.
- 모든 체크박스에 대해 이 과정을 반복합니다.
sf2_smaller (1).mp4
체크박스에 변수 할당하기