From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Filling up progress wheel은 원을 그리듯 작업의 진행상태나 진행정도를 wheel을 채우는 색상이나  숫자%를 이용하여 실시간으로 진행상태를 알려주는 패턴이다.
+
Filling up progress wheel은 작업의 진행상태와 진행정도를 원형 형태로 알려주는 인터랙션 패턴이다. 진행상태를 나타내기 위해 wheel의 색상을 채워서 보여주거나 진행정도를 퍼센트(%) 숫자로 표시해서 알려주기도 한다.
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
* Filling up progress bar에 비하여 비교적 빨리 진행이 완료되는 경우에 사용된다.
+
* [[Filling up progress bar]]에 비하여 비교적 빨리 진행이 완료되는 경우에 사용된다.
* Circulating progress bar/wheel 패턴과는 달리 wheel이 looped 형식으로 무한반복하여 채워지는 것이 아니라, wheel이 한번 채워지면 다음 프로세스가 진행된다.
+
* [[Circulating progress bar/wheel]] 패턴과는 달리 wheel이 무한 순환방식으로 채워지는 것이 아니라, wheel이 한번 채워지면 다음 프로세스가 진행된다.
  
 
----
 
----

Revision as of 14:17, 1 July 2014

Filling up progress wheel은 작업의 진행상태와 진행정도를 원형 형태로 알려주는 인터랙션 패턴이다. 진행상태를 나타내기 위해 wheel의 색상을 채워서 보여주거나 진행정도를 퍼센트(%) 숫자로 표시해서 알려주기도 한다.

With this pattern, we can solve...

  • Filling up progress bar에 비하여 비교적 빨리 진행이 완료되는 경우에 사용된다.
  • Circulating progress bar/wheel 패턴과는 달리 wheel이 무한 순환방식으로 채워지는 것이 아니라, wheel이 한번 채워지면 다음 프로세스가 진행된다.

Example

iOS_Prezi

  • 한 프레임에 들어가는 이미지의 다운로드 진행 상태를 원형의 점선의 색깔이 변화하는 형태로 알려준다.