From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Filling up progress wheel은 원을 그리듯 작업의 진행정도를 시각화 하는 패턴이다.
+
Filling up progress wheel은 원을 그리듯 작업의 진행상태나 진행정도를 wheel을 채우는 색상이나  숫자%를 이용하여 실시간으로 진행상태를 알려주는 패턴이다.
 
+
 
+
작업의 진행상태와 진행정도등을 wheel을 이용하여 실시간으로 알려준다. Filling up progress wheel은 원을 그리듯 작업의 진행정도를 시각화 하는 방식으로 Filling up progress bar에 비하여 비교적 빨리 진행이 완료되는 경우에 사용된다.  Circulating progress bar/wheel이 진행이 완료될때까지 원을 그리는 피드백이 반복되는 것과 달리 하나의 원이 그려지면 진행이 완료된다.
+
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
Progress bar는 진행정도에 따라 bar가 채워지거나 전체 작업을 퍼센트 개념으로 시각화 하는 등 다양한 표현방식을 통해 기다려야 하는 정도를 알려준다.
+
* Filling up progress bar에 비하여 비교적 빨리 진행이 완료되는 경우에 사용된다.
Circulating progress bar/wheel 패턴과는 달리 bar가 looped 형식으로 무한반복하여 채워지는 것이 아니라, 한번 채워지면면 다음 프로세스가 진행된다.
+
* Circulating progress bar/wheel 패턴과는 달리 wheel이 looped 형식으로 무한반복하여 채워지는 것이 아니라, wheel이 한번 채워지면 다음 프로세스가 진행된다.
  
 
----
 
----

Revision as of 13:32, 24 June 2014

Filling up progress wheel은 원을 그리듯 작업의 진행상태나 진행정도를 wheel을 채우는 색상이나 숫자%를 이용하여 실시간으로 진행상태를 알려주는 패턴이다.

With this pattern, we can solve...

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

Example

iOS_Prezi

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