From Design pattern
Jump to: navigation, search
Line 13: Line 13:
  
 
----
 
----
 +
== Thumb ==
 
=== Android Peeks_fast scroll ===
 
=== Android Peeks_fast scroll ===
 
* #00:07-#00:26
 
* #00:07-#00:26
Line 20: Line 21:
 
{{#Widget:Youtube|id=bC4fRGcagRw|width=665||height=374}}
 
{{#Widget:Youtube|id=bC4fRGcagRw|width=665||height=374}}
  
 
+
----
 +
== Scroll box ==
 +
=== Scrollbar style when fastscrool is enabled ===
 +
{{#Widget:Youtube|id=V99ZB95D7T4|width=665||height=374}}
  
  
  
 
[[Category:Scroll through content]]
 
[[Category:Scroll through content]]

Revision as of 09:43, 2 July 2014

Scroll thumb은 많은 양의 컨텐츠를 빠르고 효율적으로 스크롤 할 수 있도록 스크린 가장자리에 scroll box나 thumb을 배치한 패턴이다.

With this pattern, we can solve...

스크린에 한번에 표현할 수 없는 많은 양의 정보에서 원하는 정보를 검색하는 것이 용이하도록 한다.

  • scroll box를 사용하여 빠른 탐색이 가능하도록하며 scroll box는 컨텐츠가 많을 수록 작아지고 적을 수록 커지게 된다.
  • thumb을 사용하여 컨텐츠이름의 첫글자 순으로 정리된 자료를 쉽게 찾을 수 있도록 한다.

Example: Android_Samsung Galaxy Note Music Player

  • 음악이 모여 있는 화면에서 스크롤바의 scroll thumb을 움직여 음악 목록의 내용을 훑어본다.


Thumb

Android Peeks_fast scroll

  • #00:07-#00:26

""

Contact list app for the Blackberry storm

""


Scroll box

Scrollbar style when fastscrool is enabled

""