sitelink1  
sitelink2  
sitelink3  

터치 디바이스와 관련해서 팬(Pan), 패닝(Panning), 스와이프(Swipe), 스와이핑(Swiping), 스크롤(Scroll), 플릭(Flick)이란 생소한(?) 용어들이 등장합니다. 동작들도 상당히 비슷해서 혼동하기 쉬운 용어들 중 하나입니다. 패닝(Panning)은 팬(Pan)동작을 말하며 스와이핑(Swipping)은 스와이프(Swipe)동작을 가리키므로 동일하게 생각하면 됩니다.

  • 팬(Pan): 손가락을 댄 후, 손을 떼지 않고 계속적으로 드래그하는 움직임을 말합니다. 움직이는 방향이나 시간의 제한은 없으며 손을 뗄 때까지 패닝으로 인식합니다.

    pan.png

     

  • 스와이프(Swipe): 손가락을 댄 후, 일직선으로 드래그하는 것을 말합니다. 직선 움직임이라는 제한이 있으나 시간의 제한은 없으므로 손가락을 뗄 때까지 스와이프 동작을 인식합니다. 스크롤(Scroll)이라고 부르기도 합니다.
    Swipe.png

     

  • 플릭(Flick): 스와이프에서 좀더 제한적인 동작입니다. 스와이프와 비슷하지만 빠르게 한쪽 방향으로 슥~ 긋는 것을 말합니다.
    Flick.png

     

각 동작은 '팬' > '스와이프' > '플릭'라는 포함관계를 가집니다. 즉 팬이 가장 포괄적이므로 스와이프나 플릭은 팬으로 인식될 수 있으며, 플릭은 스와이프로 인식될 수 있습니다. 따라서 터치 UI를 설계, 개발 할 때는 이 점을 유의해서 진행해야 인터페이스가 꼬이는 일을 피할 수 있습니다.

플릭은 옵션창을 꺼낸다거나, 아이템을 지운다거나, 아이템을 던지는 동작 등에 사용됩니다. 스와이핑은 일반적으로 스크롤, 화면전환 등에서 볼 수 있습니다. 패닝은 특정 오브텍트 이동, 라인 그리기, 다중 개체 선택 등 다양한 부분에서 확인하실 수 있습니다.

번호 제목 글쓴이 날짜 조회 수
38 모바일 디바이스에서 알림을 띄우는 방식 황제낙엽 2023.11.04 1
37 여러대의 맥에서 하나의 앱 개발하기 file 황제낙엽 2022.09.17 0
36 Galaxy Z Fold3 5G Specifications 황제낙엽 2022.03.07 101
35 cell phone rotate (vertical, horizon, portrait, landscape) 황제낙엽 2021.04.14 11
34 피들러(Fiddler)를 이용하여 모바일 네트웍 감시 file 황제낙엽 2020.02.24 732
33 UIWebView, WKWebView 황제낙엽 2019.11.01 84
32 모바일웹 SMS 황제낙엽 2019.09.28 239
31 안드로이드 모바일 브라우저 캐시 지우기 황제낙엽 2019.07.23 87
30 AsyncTask 황제낙엽 2019.03.25 55
29 [모바일 브라우저] Android 기기 원격 디버깅 시작하기 (PC크롬에서 모바일크롬 디버깅) file 황제낙엽 2019.01.14 125
28 TTS 이용하기 (구글, 네이버, KT) file 황제낙엽 2018.11.01 1001
27 음성합성(이하 TTS)관련 사양조사 및 시장조사 file 황제낙엽 2018.11.01 419
26 Canvas & Paint file 황제낙엽 2018.07.24 29
25 Bluetooth Connection을 사용하는 멀티플랫폼 앱 개발기 황제낙엽 2018.06.25 53
24 원격 데스크톱 환경을 위한 터치에 대한 제스쳐 목록 정의 황제낙엽 2018.06.12 239
» 팬(Pan), 스와이프(Swipe), 스크롤(Scroll), 플릭(Flick) file 황제낙엽 2017.09.11 629
22 Swift 와 Kotlin 황제낙엽 2017.07.29 77
21 위치정보(GeoLocation)에서 위도와 경도로 두 지점간 거리(distance) 구하는 오라클 Function 황제낙엽 2017.01.25 249
20 [Mysql] 위도 경도를 이용해 특정 거리안에 위치(거리) 구하기 황제낙엽 2017.01.25 357
19 [Android] / 안드로이드 / googlemap distance / 구글맵 두 위치 사이의 거리 구하기 황제낙엽 2017.01.23 97