State

⚠️ This class is for internal use only.

class State

현재 사용자 입력 또는 애니메이션 상태를 나타내는 컴포넌트

Properties

Methods

holding
animating
delta
targetPanel

onEnter
onHold
onChange
onRelease
onAnimationEnd
onFinish

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	✔️		다른 상태로 변경하기 위한 함수