From Design pattern
Jump to: navigation, search

Fling to scroll은 스크롤을 drag할 때와 달리 swipe하는 경우 swipe의 속도와 길이에 따라 손을 뗀 상태에서도 스크롤이 이동하는 패턴이다. swipe의 속도와 길이가 빠를 수록 빠르고 길게, 느릴수록 느리고 짧게 이동하며 swipe가 끝난 시점부터 점차 속도가 감소하여 정지할 때까지 이동한다.

With this pattern, we can solve...

많은 양의 컨텐츠를 나열할 경우에 스크롤이 길어져 탐색이 어렵고 오래 걸리는 문제를 해결할 수 있다. 실제 물리적인 메타포를 담고 있어 직관적인 느낌을 줄 수 있다.

  • 다수의 연락처를 검색할 때에 Fling to scroll을 통해 빠르게 이동한다.
  • 갤러리에서 다수의 이미지를 살펴보고자 할 때 빠른 속도로 이미지를 훝어본다.

Example : Android_Samsung Galaxy Note Gallery

Fling to scroll.png


Android_Samsung Galaxy Note Gallery

  • 사진의 썸네일 화면에서 slide 하여 콘텐트의 내용을 훑어본다.
  • slide 동작이 끝난 시점에서 속도가 점차감소하여 정지화면이 될 때 까지 내용을 스크롤링 한다 .

Android_Samsung Galaxy Note 연락처

  • 전화번호를 검색하는 화면에서 slide 하여 콘텐트의 내용을 훑어본다.
  • slide 동작이 끝난 시점에서 속도가 점차감소하여 정지화면이 될 때 까지 내용을 스크롤링 한다.

iOS_Facetime

iOS_Kakao Talk