State
⚠️ This class is for internal use only.
class State
현재 사용자 입력 또는 애니메이션 상태를 나타내는 컴포넌트
Properties
Methods
Properties
holding
readonly
현재 사용자가 클릭/터치중인지 여부
Type: boolean
animating
readonly
현재 애니메이션 동작 여부
Type: boolean
delta
readonly
이전 hold이벤트부터 change에 의해 발생한 이동 delta값의 합산
Type: number
targetPanel
readonly
애니메이션 종료시 Control#activePanel로 설정할 패널
Type: number
Methods
onEnter
현재 상태로 돌입했을때 호출되는 콜백 함수
Returns: void
| PARAMETER | TYPE | OPTIONAL | DEFAULT | DESCRIPTION |
|---|---|---|---|---|
| prevState | State | 이전 상태값 |
onHold
Axes의 hold 이벤트 핸들러
Returns: void
| PARAMETER | TYPE | OPTIONAL | DEFAULT | DESCRIPTION |
|---|---|---|---|---|
| ctx | object | ✔️ | 이벤트 콘텍스트 | |
| ctx.flicking | Flicking | ✔️ | Flicking 인스턴스 | |
| ctx.axesEvent | object | ✔️ | Axes의 hold 이벤트 | |
| ctx.transitTo | function | ✔️ | 다른 상태로 변경하기 위한 함수 |
onChange
Axes의 change 이벤트 핸들러
Returns: void
| PARAMETER | TYPE | OPTIONAL | DEFAULT | DESCRIPTION |
|---|---|---|---|---|
| ctx | object | ✔️ | 이벤트 콘텍스트 | |
| ctx.flicking | Flicking | ✔️ | Flicking 인스턴스 | |
| ctx.axesEvent | object | ✔️ | Axes의 change 이벤트 | |
| ctx.transitTo | function | ✔️ | 다른 상태로 변경하기 위한 함수 |
onRelease
Axes의 release 이벤트 핸들러
Returns: void
| PARAMETER | TYPE | OPTIONAL | DEFAULT | DESCRIPTION |
|---|---|---|---|---|
| ctx | object | ✔️ | 이벤트 콘텍스트 | |
| ctx.flicking | Flicking | ✔️ | Flicking 인스턴스 | |
| ctx.axesEvent | object | ✔️ | Axes의 release 이벤트 | |
| ctx.transitTo | function | ✔️ | 다른 상태로 변경하기 위한 함수 |
onAnimationEnd
Axes의 animationEnd 이벤트 핸들러
Returns: void
| PARAMETER | TYPE | OPTIONAL | DEFAULT | DESCRIPTION |
|---|---|---|---|---|
| ctx | object | ✔️ | 이벤트 콘텍스트 | |
| ctx.flicking | Flicking | ✔️ | Flicking 인스턴스 | |
| ctx.axesEvent | object | ✔️ | Axes의 animationEnd 이벤트 | |
| ctx.transitTo | function | ✔️ | 다른 상태로 변경하기 위한 함수 |
onFinish
Axes의 finish 이벤트 핸들러
Returns: void
| PARAMETER | TYPE | OPTIONAL | DEFAULT | DESCRIPTION |
|---|---|---|---|---|
| ctx | object | ✔️ | 이벤트 콘텍스트 | |
| ctx.flicking | Flicking | ✔️ | Flicking 인스턴스 | |
| ctx.axesEvent | object | ✔️ | Axes의 finish 이벤트 | |
| ctx.transitTo | function | ✔️ | 다른 상태로 변경하기 위한 함수 |