Restrict touch direction | 한국어

터치 방향 제한하기

관련 옵션

touchDirection

때로는 터치를 비활성화 하거나 특정 방향에 대한 터치를 동작시키고 싶지 않을 수 있습니다. 이를 컨트롤 하기 위해 touchDirection 속성을 제공합니다.

터치 비활성화

터치를 비활성화 하고자 하는 경우touchDirection 을 다음과 같이 지정합니다.

var panoViewer = new PanoViewer(container, {
    image: "/path/to/image/image.jpg",
    touchDirection: PanoViewer.TOUCH_DIRECTION.NONE
});

혹은 다음과 같이 메소드를 통해 동적으로 변경할 수 있습니다.

panoViewer.setTouchDirection(PanoViewer.TOUCH_DIRECTION.NONE);

터치 활성화

터치는 기본적으로 활성화 되어 있습니다. 만약 터치를 명시적으로 활성화 하고 싶은 경우 다음과 같이 touchDirection 을 지정합니다.

var panoViewer = new PanoViewer(container, {
    image: "/path/to/image/image.jpg",
    touchDirection: PanoViewer.TOUCH_DIRECTION.ALL
});

혹은 다음과 같이 메소드를 통해 동적으로 변경할 수 있습니다.

panoViewer.setTouchDirection(PanoViewer.TOUCH_DIRECTION.ALL)

특정 방향만 활성화 하기

특정 방향만 터치를 활성화하고 싶은 경우가 있습니다.

스크롤 컴포넌트나 캐러셀 컴포넌트와 결합하여 사용하는 경우입니다. 예를 들어 상하 스크롤 컴포넌트 위의 PanoViewer 에서 상하 스와이프 제스쳐를 취하면 PanoViewer 의 상하 시선 이동을 유발합니다.

따라서 상하 스와이프 제스쳐에 의해 뷰어의 상하 시선이동을 하지 않고 좌우 방향만 허용하고자 하는 경우 다음과 같이 touchDirection을 지정합니다.

var panoViewer = new PanoViewer(container, {
    image: "path/to/image/image.jpg",
    touchDirection: PanoViewer.TOUCH_DIRECTION.YAW
});

혹은 다음과 같이 메소드를 통해 동적으로 변경할 수 있습니다.

panoViewer.setTouchDirection(PanoViewer.TOUCH_DIRECTION.YAW);

터치를 이용해 상하 시선 이동만 허용하고자 하는 경우 touchDirection을 다음과 같이 지정합니다.

var panoViewer = new PanoViewer(container, {
    image: "path/to/image/image.jpg",
    touchDirection: PanoViewer.TOUCH_DIRECTION.PITCH
});

// or

panoViewer.setTouchDirection(PanoViewer.TOUCH_DIRECTION.PITCH);