본문으로 건너뛰기
Version: 4.7.1

AxesController

⚠️ This class is for internal use only.
class AxesController

@egjs/axes의 이벤트를 처리하는 컨트롤러 컴포넌트

Properties

axes

readonly

Axes의 인스턴스

Type: Axes

See:

stateMachine

⚠️ This member is for internal use only.

state

현재 활성화된 State 인스턴스로 사용자 입력 또는 애니메이션 상태를 나타냅니다

Type: State

animatingContext

readonly

현재 재생중인 애니메이션 정보

Type: object

PROPERTYTYPEDESCRIPTION
startnumber애니메이션 시작 지점
endnumber애니메이션 끝 지점
offsetnumber카메라 오프셋

controlParams

활성화된 현재 Axes 패러미터들

Type: ControlParams

Returns: ControlParams

enabled

readonly

현재 사용자 입력이 활성화되었는지를 나타내는 값

Type: boolean

position

readonly

Axes 인스턴스 내부의 현재 좌표 값

Type: number

range

readonly

Axes 인스턴스 내부의 현재 이동 범위 값

Type: Array<number>

bounce

readonly

적용된 bounce 크기(px 단위)

Type: Array<number>

Methods

init

AxesController를 초기화합니다

Returns: this

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
flickingFlickingAn instance of Flicking

destroy

AxesController를 초기 상태로 되돌립니다

Returns: void

enable

사용자의 입력(마우스/터치)를 활성화합니다

Returns: this

disable

사용자의 입력(마우스/터치)를 막습니다

Returns: this

update

@egjs/axes의 상태를 갱신합니다

Returns: this

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
controlParamsControlParams

Throws: FlickingError

init이 이전에 호출되지 않은 경우

addPreventClickHandler

카메라 엘리먼트에 애니메이션 도중에 클릭 이벤트를 방지하는 핸들러를 부착합니다

Returns: this

removePreventClickHandler

카메라 엘리먼트에 애니메이션 도중에 클릭 이벤트를 방지하는 핸들러를 탈착합니다

Returns: this

animateTo

Axes의 setTo 메소드를 주어진 좌표를 이용하여 수행합니다

Returns: Promise<void>

  • 해당 좌표 도달시에 resolve되는 Promise
PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
positionnumber이동할 좌표
durationnumber애니메이션 진행 시간 (단위: ms)
axesEventnumber✔️이 값이 주어졌을 경우, 해당 이벤트의 setTo 메소드를 대신해서 사용합니다.

Throws: FlickingError

codecondition
NOT_ATTACHED_TO_FLICKINGinit이 이전에 호출되지 않은 경우
ANIMATION_INTERRUPTED사용자 입력에 의해 애니메이션이 중단된 경우