From Design pattern
Jump to: navigation, search
m (Admin1 moved page Enter with plus/minus button to Plus/minus button without leaving a redirect)
Line 1: Line 1:
플러스, 마이너스 버튼을 이용하여 원하는 값을 입력한다.
 
  
 +
{{#css:
 +
#mw-content-text h3 span {
 +
font-weight: 600;
 +
padding-left: 0px;
 +
}
  
== Examples ==
+
.mw-headline {
== Steppers ==
+
font-weight: 600;
 +
}
  
=== 270번 사례 ===
+
span.mw-editsection {
* 화면의 플러스, 마이너스 버튼을 tap해서 원하는 값을 입력한다,
+
font-weight: 200;
<videoflash type="vimeo">93361487|300|455</videoflash>
+
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이다. 주로 날짜와 시간을 입력할 때 사용된다.
 +
 
 +
=== With this pattern, we can solve... ===
 +
 
 +
app에서 특정한 숫자나 항목을 입력하기 위한 pattern이 필요하다. Wheel은 원하는 숫자나 항목을 쉽게 보고 입력할 수 있는 기능을 제공한다. 입력가능한 범위나 항목에 한계를 가지고 있어 사용자가 부적절한 값을 입력할 가능성이 없다.
 +
 
 +
* Wheel은 원하는 숫자나 항목을 입력할 때, 선택된 숫자나 항목의 이전과 이후의 정보를 제공한다.
 +
* 각 입력란에 대하여 상하로 Drag하여 Wheel을 회전 시켜 원하는 숫자나 항목을 입력한다.
 +
 
 +
 
 +
=== Example : 270번 사례 ===
 +
{{#Widget:Vimeo|id=93361487|width=300|height=455|start=4s}}
 +
 
 +
----
 +
 
 +
== Plus/minus button(Stepper) ==
 +
<div id="sun-col">
  
 
=== 223번 사례 ===
 
=== 223번 사례 ===
 
* 플러스나 마이너스 버튼을 tap해서 글자크기를 크거나 작게 조절한다.
 
* 플러스나 마이너스 버튼을 tap해서 글자크기를 크거나 작게 조절한다.
<videoflash type="vimeo">93367952|300|405</videoflash>
+
{{#Widget:Vimeo|id=93367952|width=300|height=405}}
  
 
=== 477번 사례 ===
 
=== 477번 사례 ===
 
* 화면의 버튼을 플러스, 마이너스로 drag하여 카메라 렌즈의 배율을 조절한다.
 
* 화면의 버튼을 플러스, 마이너스로 drag하여 카메라 렌즈의 배율을 조절한다.
<videoflash type="vimeo">93362370|300|455</videoflash>
+
{{#Widget:Vimeo|id=93362370|width=300|height=455}}
 +
 
 +
=== 37번 사례 ===
 +
{{#Widget:Vimeo|id=93367655|width=300|height=405}}
 +
 
 +
=== 345번 사례 ===
 +
{{#Widget:Vimeo|id=93367959|width=300|height=405}}
 +
 
 +
=== 579번 사례 ===
 +
{{#Widget:Vimeo|id=93939088|width=533|height=395}}
  
 +
=== 215번 사례 ===
 +
{{#Widget:Vimeo|id=93372820|width=300|height=405}}
  
 +
</div>
 
[[Category:Enter a continuous value]]
 
[[Category:Enter a continuous value]]

Revision as of 19:25, 27 May 2014


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

With this pattern, we can solve...

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

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


Example : 270번 사례


Plus/minus button(Stepper)

223번 사례

  • 플러스나 마이너스 버튼을 tap해서 글자크기를 크거나 작게 조절한다.

477번 사례

  • 화면의 버튼을 플러스, 마이너스로 drag하여 카메라 렌즈의 배율을 조절한다.

37번 사례

345번 사례

579번 사례

215번 사례