본문으로 건너뛰기
Version: 4.2.1

BoundCamera

class BoundCamera extends Camera

첫번째와 마지막 패널 밖으로 넘어가지 못하도록 범위를 설정하여, 첫번째/마지막 패널 전/후의 빈 공간을 보이지 않도록 하는 종류의 Camera

Properties
Methods
element
position
alignPosition
offset
range
rangeDiff
visiblePanels
visibleRange
anchorPoints
controlParams
atEdge
size
progress
align
updateRange
init
destroy
lookAt
getPrevAnchor
getNextAnchor
getProgressInPanel
findAnchorIncludePosition
findNearestAnchor
findActiveAnchor
clampToReachablePosition
canReach
canSee
updateAlignPos
updateAnchors
updateAdaptiveHeight
resetNeedPanelHistory

Properties#

element#

readonlyinherited

카메라(.flicking-camera) 엘리먼트

Type: HTMLElement

position#

readonlyinherited

Camera의 현재 좌표

Type: number

alignPosition#

readonlyinherited

패널의 정렬 기준 위치. 뷰포트 내에서 Panel의 alignPosition이 위치해야 하는 곳입니다

Type: number

offset#

readonlyinherited

Camera의 좌표 오프셋. renderOnlyVisible 옵션을 위해 사용됩니다.

Type: number

Default: 0

range#

readonlyinherited

Camera의 position이 도달 가능한 범위

Type: object

PROPERTYTYPEDESCRIPTION
minnumber최소 위치
minnumber최대 위치

rangeDiff#

readonlyinherited

Camera가 도달 가능한 최소/최대 좌표의 차이

Type: number

visiblePanels#

readonlyinherited

현재 보이는 패널들의 배열

Type: Array<Panel>

visibleRange#

readonlyinherited

현재 위치에서 보이는 범위

Type: object

PROPERTYTYPEDESCRIPTION
minnumber최소 위치
minnumber최대 위치

anchorPoints#

readonlyinherited

카메라가 도달 가능한 AnchorPoint의 목록

Type: Array<AnchorPoint>

controlParams#

readonlyinherited

AxesController를 업데이트하기 위한 현재 Camera 패러미터들

Type: ControlParams

atEdge#

readonlyinherited

현재 카메라가 도달 가능한 범위의 최소 혹은 최대점을 넘어섰는지를 나타냅니다

Type: boolean

size#

readonlyinherited

뷰포트 크기를 반환합니다

Type: number

progress#

readonlyinherited

첫번째 패널로부터 마지막 패널까지의 카메라 위치의 진행도를 반환합니다
범위는 0부터 마지막 패널의 인덱스까지입니다

Type: number

align#

inherited

alignPosition이 뷰포트 엘리먼트 내의 어디에 위치해야 하는지를 나타내는 값

Type: ALIGN | string | number

Methods#

updateRange#

Camera의 range를 업데이트합니다

Returns: this

Throws: FlickingError

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

init#

inherited

Camera를 초기화합니다

Returns: this

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
flickingFlickingnoFlicking의 인스턴스

Throws: FlickingError

VAL_MUST_NOT_NULL 뷰포트 엘리먼트 내부에 카메라 엘리먼트(.flicking-camera)가 존재하지 않을 경우

destroy#

inherited

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

Returns: void

lookAt#

inheritedasync

해당 좌표로 이동하고, CSS transform을 적용합니다

Returns: this

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
posnumberno움직일 위치

Throws: FlickingError

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

getPrevAnchor#

inherited

주어진 AnchorPoint의 이전 AnchorPoint를 반환합니다
존재하지 않을 경우 null을 반환합니다

Returns: AnchorPoint | null

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
anchorAnchorPointno기준 AnchorPoint

getNextAnchor#

inherited

주어진 AnchorPoint의 다음 AnchorPoint를 반환합니다
존재하지 않을 경우 null을 반환합니다

Returns: AnchorPoint | null

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
anchorAnchorPointno기준 AnchorPoint

getProgressInPanel#

inherited

현재 카메라 아래 패널에서의 위치 진행도를 반환합니다
반환값은 카메라가 패널 내부에 있을 경우 0부터 1까지의 값을 갖습니다
패널의 margin 영역에 있을 경우 0보다 작거나 1보다 큰 값을 반환할 수 있습니다

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
panelPanelno

findAnchorIncludePosition#

inherited

주어진 좌표를 포함하는 AnchorPoint를 반환합니다
주어진 좌표를 포함하는 AnchorPoint가 없을 경우 null을 반환합니다

Returns: AnchorPoint | null

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
positionnumberno확인할 좌표

findNearestAnchor#

inherited

해당 좌표에서 가장 가까운 AnchorPoint를 반환합니다
AnchorPoint가 하나도 없을 경우 null을 반환합니다

Returns: AnchorPoint | null

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
positionnumberno확인할 좌표

findActiveAnchor#

inherited

현재 Flicking#currentPanel에 해당하는 AnchorPoint를 반환합니다

Returns: AnchorPoint | null

clampToReachablePosition#

inherited

주어진 좌표를 Camera가 도달 가능한 범위 사이의 값으로 만듭니다

Returns: number

  • 범위 제한된 좌표
PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
positionnumberno범위를 제한할 좌표

canReach#

inherited

해당 Panel이 Camera가 도달 가능한 범위 내에 있는지를 반환합니다

Returns: boolean

  • 도달 가능한 범위 내에 해당 패널이 존재하는지 여부
PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
panelPanelno확인할 Panel의 인스턴스

canSee#

inherited

현재 좌표에서 해당 패널 엘리먼트를 볼 수 있는지 여부를 반환합니다

Returns: boolean

  • 현재 위치에서 해당 패널 엘리먼트가 보이는지 여부
PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
panelPanelno확인할 Panel의 인스턴스

updateAlignPos#

inherited

Camera의 alignPosition을 업데이트합니다

Returns: this

updateAnchors#

inherited

Camera의 anchorPoints를 업데이트합니다

Returns: this

Throws: FlickingError

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

updateAdaptiveHeight#

inherited

현재 선택된 패널의 높이와 동일하도록 뷰포트의 높이를 업데이트합니다

Returns: this

Throws: FlickingError

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

resetNeedPanelHistory#

inherited

발생한 needPanel 이벤트들을 초기화하여 다시 발생할 수 있도록 합니다

Returns: this