From Design pattern
Jump to: navigation, search
(Wheel etc)
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
+
Wheel은 숫자를 입력하거나 항목을 선택 할 때 사용되며, 주로 날짜와 시간의 숫치를 입력할 때 사용되는 패턴이다. Pickers라고도 불려지며, 화면의 Wheel을 상하로 움직여 원하는 수치를 찾아 입력한다.
{{#css:
+
#mw-content-text h3 span {
+
font-weight: 600;
+
padding-left: 0px;
+
}
+
 
+
.mw-headline {
+
font-weight: 600;
+
}
+
 
+
span.mw-editsection {
+
font-weight: 200;
+
position: relative;
+
float:right;
+
margin-right: 25px
+
}
+
 
+
span.mw-editsection a {
+
font-weight: 200;
+
}
+
 
+
.art-subpage {
+
background: #F7F7F7;
+
}
+
 
+
#mw-content-text p {
+
padding-top: 0px;
+
padding-bottom: 6px;
+
}
+
 
+
.mw-content-ltr ul {
+
margin: 0.3em 0 0 42px;
+
}
+
 
+
 
+
hr {
+
margin-top: 0px;
+
margin-bottom: 0px;
+
margin-left: -31px;
+
width: 720px;
+
border-bottom: 1px solid #E0E0DD;
+
border-left: 0px;
+
border-right: 0px;
+
border-top: 30px solid #F7F7F7;
+
}
+
<!--
+
#sun-col {
+
-webkit-column-count:2; /* Chrome, Safari, Opera */
+
-moz-column-count:2; /* Firefox */
+
column-count:2;
+
}
+
 
+
#sun-col p {
+
padding-left: 0px;
+
-->
+
}
+
 
+
}}
+
 
+
Wheel은 숫자를 입력하거나 항목을 선택 할 때 사용하는 pattern이다. 주로 날짜와 시간을 입력할 때 사용된다. Pickers라고도 불린다.
+
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
  
app에서 특정한 숫자나 항목을 입력하기 위한 pattern이 필요하다. Wheel은 원하는 숫자나 항목을 쉽게 보고 입력할 수 있는 기능을 제공한다. 입력가능한 범위나 항목에 한계를 가지고 있어 사용자가 부적절한 값을 입력할 가능성이 없다.
+
앱에서 특정한 숫자나 항목을 입력하기 위한 패턴이 필요하다. Wheel은 원하는 숫자나 항목을 쉽게 보고 입력할 수 있는 기능을 제공한다. 입력가능한 범위나 항목에 한계를 가지고 있어 사용자가 부적절한 값을 입력할 가능성이 없다.
  
 
* Wheel은 원하는 숫자나 항목을 입력할 때, 선택된 숫자나 항목의 이전과 이후의 정보를 제공한다.
 
* Wheel은 원하는 숫자나 항목을 입력할 때, 선택된 숫자나 항목의 이전과 이후의 정보를 제공한다.
Line 69: Line 9:
  
  
=== Example : iOS_TIME Alarm ===
+
=== Example : iOS_TIME Alarm===
{{#Widget:Vimeo|id=96496729|width=300|height=533|start=4s}}
+
[[File:Wheel3.jpg]]
  
 
----
 
----
  
== Wheel (Date and time pickers) ==
+
== Date and time pickers ==
<div id="sun-col">
+
 
 +
=== iOS_Map my run===
 +
{{#Widget:Vimeo|id=95776842|width=300|height=533}}
 +
 
 +
=== iOS_My fitness pal ===
 +
{{#Widget:Vimeo|id=95776747|width=300|height=533}}
 +
 
 +
=== iOS_TIME Alarm ===
 +
{{#Widget:Vimeo|id=96496729|width=300|height=533}}
  
 
=== iOS_Smart Alarm ===
 
=== iOS_Smart Alarm ===
Line 84: Line 32:
  
 
=== iOS_지하철 ===
 
=== iOS_지하철 ===
{{#Widget:Vimeo|id=93367655|width=300|height=405}}
+
{{#Widget:Vimeo|id=93367655|width=395|height=533}}
  
 
=== iOS_Sunrise Calendar ===
 
=== iOS_Sunrise Calendar ===
Line 91: Line 39:
 
=== Android_Calendar ===
 
=== Android_Calendar ===
 
{{#Widget:Vimeo|id=96420713|width=300|height=541}}
 
{{#Widget:Vimeo|id=96420713|width=300|height=541}}
</div>
+
 
 
----
 
----
  
== Wheel (Etc.) ==
+
== Etc ==
<div id="sun-col">
+
 
 
=== Android_Noom ===
 
=== Android_Noom ===
 
{{#Widget:Vimeo|id=96421017|width=300|height=541}}
 
{{#Widget:Vimeo|id=96421017|width=300|height=541}}
  
 
=== iOS_Mixology™ ===
 
=== iOS_Mixology™ ===
{{#Widget:Vimeo|id=93372820|width=300|height=405}}
+
{{#Widget:Vimeo|id=93372820|width=395|height=533}}
</div>
+
  
[[Category:Enter a continuous value]]
+
[[Category:Enter continuous values]]

Latest revision as of 23:08, 24 July 2014

Wheel은 숫자를 입력하거나 항목을 선택 할 때 사용되며, 주로 날짜와 시간의 숫치를 입력할 때 사용되는 패턴이다. Pickers라고도 불려지며, 화면의 Wheel을 상하로 움직여 원하는 수치를 찾아 입력한다.

With this pattern, we can solve...

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

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


Example : iOS_TIME Alarm

Wheel3.jpg


Date and time pickers

iOS_Map my run

iOS_My fitness pal

iOS_TIME Alarm

iOS_Smart Alarm

iOS_Evernote

iOS_지하철

iOS_Sunrise Calendar

Android_Calendar


Etc

Android_Noom

iOS_Mixology™