From Design pattern
Jump to: navigation, search
Line 70: Line 70:
  
 
=== Example :  iOS_TIME Alarm ===
 
=== Example :  iOS_TIME Alarm ===
{{#Widget:Vimeo|id=96496729|width=300|height=533|start=4s}}
+
{{#Widget:Vimeo|id=96496729|width=300|height=541|start=4s}}
  
 
----
 
----
Line 81: Line 81:
  
 
=== iOS_Evernote_ ===  
 
=== iOS_Evernote_ ===  
{{#Widget:Vimeo|id=96605484|width=300|height=533}}
+
{{#Widget:Vimeo|id=96605484|width=300|height=541}}
  
 
=== 37번 사례 ===
 
=== 37번 사례 ===
Line 95: Line 95:
 
== Etc ==
 
== Etc ==
 
<div id="sun-col">
 
<div id="sun-col">
 +
=== Android_Noom ===
 +
{{#Widget:Vimeo|id=96421017|width=300|height=541}}
 +
 
=== 215번 사례 ===
 
=== 215번 사례 ===
 
{{#Widget:Vimeo|id=93372820|width=300|height=405}}
 
{{#Widget:Vimeo|id=93372820|width=300|height=405}}

Revision as of 04:00, 28 May 2014


Wheel은 숫자를 입력하거나 항목을 선택 할 때 사용하는 pattern이다. 주로 날짜와 시간을 입력할 때 사용된다. Pickers라고도 불린다.

With this pattern, we can solve...

app에서 특정한 숫자나 항목을 입력하기 위한 pattern이 필요하다. Wheel은 원하는 숫자나 항목을 쉽게 보고 입력할 수 있는 기능을 제공한다. 입력가능한 범위나 항목에 한계를 가지고 있어 사용자가 부적절한 값을 입력할 가능성이 없다.

  • Wheel은 원하는 숫자나 항목을 입력할 때, 선택된 숫자나 항목의 이전과 이후의 정보를 제공한다.
  • 각 입력란에 대하여 상하로 Drag하여 Wheel을 회전 시켜 원하는 숫자나 항목을 입력한다.


Example : iOS_TIME Alarm


Date and time pickers

345번 사례

iOS_Evernote_

37번 사례

579번 사례

Android_Calendar


Etc

Android_Noom

215번 사례