Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
슬라이더 구성요소를 사용하면 프로젝트에 슬라이더를 추가할 수 있습니다. 사용자는 슬라이더를 드래그하여 지정한 범위에서 숫자를 선택할 수 있습니다. 슬라이더는 정확한 숫자값이 필요하지 않은 경우에 유용합니다.
프로젝트에서 슬라이더 구성요소를 사용하는 방법:
- 구성요소 패널에 이어 UI 폴더를 엽니다.
- 슬라이더
구성요소를 스테이지로 드래그합니다.
- 속성 패널의 슬라이더 속성 섹션에서 최소 입력란에 최솟값을 입력하고 최대 입력란에 최댓값을 입력하여 슬라이더 범위를 지정합니다.
- 라벨 구성요소를 사용하여 슬라이더 앞에 텍스트를 표시할 수도 있습니다.
속성
| 속성 | 설명 |
|---|---|
| 이름 | 요소의 이름입니다. |
| 값 | 슬라이더의 기본 설정이며, 숫자여야 합니다. |
| 최소 | 슬라이더의 최소 설정이며, 숫자여야 합니다. 기본값은 '1'입니다. |
| 최대 | 슬라이더의 최대 설정이며, 숫자여야 합니다. 기본값은 '100'입니다. |
| 단계 | 슬라이더의 세부 값 단위를 결정합니다. 예를 들어 10을 입력하면 10의 배수만 허용되며 any를 입력하면 최소값과 최대값 사이의 모든 숫자값이 허용됩니다. 기본값은 1입니다(정수만 허용됨). |
이벤트와 액션
슬라이더 구성요소에서 전송하는 이벤트다음 슬라이더 구성요소 이벤트를 기반으로 다른 작업을 트리거할 수 있습니다.
| 이벤트 | 설명 |
|---|---|
| 변경 | 슬라이더 값에 변화가 발생하면 전송됩니다(예: 사용자가 슬라이더를 한 쪽으로 드래그한 다음 마우스 버튼을 놓는 경우). |
| 입력 | 슬라이더의 값이 변경되면 전송됩니다. |
이벤트 대화상자에서 이러한 이벤트 중 하나를 선택하려면 슬라이더 구성요소를 타겟으로 설정하세요.
이벤트 구성 방법 알아보기
미리보기
Google Web Designer 인터페이스 내에서는 UI 구성요소와 상호작용할 수 없습니다. 요소가 작동하는 모습을 보려면 원하는 브라우저에서 문서 미리보기를 실행해야 합니다. UI 구성요소의 모양은 브라우저에 따라 다를 수 있습니다.
