본문으로 건너뛰기

RangeSlider (레인지슬라이더) Widget Control

RangeSlider(레인지슬라이더) 위젯을 스크립트에서 제어할 때 사용하는 Widget Control(Property · Method · Event) 목록입니다. 위젯 소개와 사용법은 RangeSlider 문서를 참고하세요.

정보

아래 예시의 rangesliderID는 캔버스에서 RangeSlider 위젯에 지정한 이름(ID)입니다. 스크립트에서는 위젯ID.멤버 형태로 접근합니다.

Widget Control 요약

Widget Control종류시그니처설명
onChangedEventonChanged = (start, end) => { ... }두 손잡이 중 하나를 드래그하는 동안 연속으로 실행
onChangeStartEventonChangeStart = (start, end) => { ... }손잡이 드래그를 시작할 때 실행
onChangeEndEventonChangeEnd = (start, end) => { ... }손잡이 드래그를 끝냈을 때 실행

Property

정보

해당 없음 - RangeSlider 위젯에는 스크립트 전용 Property가 없습니다. 스크립트에서는 아래 공통 Widget Control(getProperty / setProperty)로 값을 읽고 씁니다.

Method

정보

해당 없음 - RangeSlider 위젯에는 전용 Method가 없습니다. 아래 공통 Widget Control을 사용합니다.

Event

onChanged

두 손잡이(썸) 중 하나를 드래그하는 동안 값이 바뀔 때마다 연속으로 실행됩니다.

  • 종류: Event
  • 핸들러: 범위의 시작값·끝값을 두 인자로 받는 콜백 함수
  • Parameters: start (범위 시작값, 숫자), end (범위 끝값, 숫자)
  • Returns: 없음

Example

rangesliderID.onChanged = (start, end) => {
// 값이 바뀌는 동안 실행할 코드
};

onChangeStart

사용자가 손잡이 드래그를 시작하는 순간 한 번 실행됩니다.

  • 종류: Event
  • 핸들러: 드래그 시작 시점의 시작값·끝값을 두 인자로 받는 콜백 함수
  • Parameters: start (범위 시작값, 숫자), end (범위 끝값, 숫자)
  • Returns: 없음

Example

rangesliderID.onChangeStart = (start, end) => {
// 드래그 시작 시 실행할 코드
};

onChangeEnd

사용자가 손잡이 드래그를 끝내는 순간 한 번 실행됩니다. 최종 확정 값을 처리할 때 사용합니다.

  • 종류: Event
  • 핸들러: 드래그 종료 시점의 시작값·끝값을 두 인자로 받는 콜백 함수
  • Parameters: start (범위 시작값, 숫자), end (범위 끝값, 숫자)
  • Returns: 없음

Example

rangesliderID.onChangeEnd = (start, end) => {
// 드래그가 끝났을 때 실행할 코드
};

공통 Widget Control (모든 위젯)

노트

모든 위젯은 setProperty / getProperty / setStyleProperty 같은 이름 기반 공통 Widget Control(Method)을 사용할 수 있습니다. 공통 레퍼런스 문서(작성 예정)를 참고하세요.