From Design pattern
Jump to: navigation, search
 
(51 intermediate revisions by 5 users not shown)
Line 1: Line 1:
플러스, 마이너스 버튼을 이용하여 원하는 값을 입력한다.
+
Steppers는 숫자를 입력하거나 특정수치를 단계적으로 증가시키거나 감소시킬 때 사용하는 패턴이다. Plus/minus button이라고도 불린다. Tap을 할 경우 1단계식 변화하는 경우가 대다수이며, hold 하고 있을 경우 연속적으로 수치가 변화하는 경우도 존재 한다. Enter value와 같이 특정 값을 입력하기 위하여 사용되는 경우와, Control content properties처럼 특정 수치를 조절하기 위하여 사용되는 경우로 크게 나뉜다.
  
 +
=== With this pattern, we can solve... ===
  
== Examples ==
+
앱에서 숫자를 입력하거나 단계적 수치를 조절하기 위한 패턴이 필요하다. Steppers는 원하는 숫자나 수치를 단계적으로 입력할 수 있는 기능을 제공한다.
=== 270번 사례 ===
+
* 화면의 플러스나 마이너스 버튼을 tap해서 원하는 값을 입력한다,
+
<videoflash type="vimeo">93361487|300|528</videoflash>
+
  
 +
* Steppers는 원하는 숫자를 입력하거나 수치를 조절할 때, 일정한 양이 증가하거나 감소한다.
 +
* Steppers는 각 버튼을 tap하여 수치를 조절하며, 변경된 수치는 화면에 즉각적으로 나타난다.
  
=== 223번 사례 ===
+
=== Example : iOS_Vueling  ===
* 플러스나 마이너스 버튼을  tap해서 글자크기를 크거나 작게 한다.
+
[[File:Stepper2.jpg]]
<videoflash type="vimeo">93367952|300|405</videoflash>
+
  
  
=== 477번 사례 ===
+
----
* 화면의 버튼을 좌/우로 drag하여 카메라 렌즈의 배율을 조절한다.
+
<videoflash type="vimeo">93362370|300|528</videoflash>
+
  
 +
== Enter value ==
  
[[Category:Enter a continuous value]]
+
=== iOS_Vueling  ===
 +
{{#Widget:Vimeo|id=96783802|width=300|height=533}}
 +
 
 +
=== Android_Noom Diet Coach ===
 +
{{#Widget:Vimeo|id=93361487|width=300|height=480}}
 +
 
 +
=== Android_Preference ===
 +
{{#Widget:Vimeo|id=96420714|width=300|height=541}}
 +
 
 +
=== Android_Naver Cal ===
 +
{{#Widget:Vimeo|id=96420901|width=300|height=541}}
 +
 
 +
----
 +
 
 +
== Control content properties ==
 +
 
 +
=== Android_Candy Camera ===
 +
* 화면의 버튼을 플러스, 마이너스로 drag하여 카메라 렌즈의 배율을 조절한다.
 +
{{#Widget:Vimeo|id=93362370|width=300|height=480}}
 +
 
 +
=== iOS_NAVER ===
 +
{{#Widget:Vimeo|id=96783715|width=300|height=533}}
 +
 
 +
=== iOS_Cragslist ===
 +
{{#Widget:Vimeo|id=93367952|width=395|height=533}}
 +
 
 +
[[Category:Enter continuous values]]

Latest revision as of 23:06, 24 July 2014

Steppers는 숫자를 입력하거나 특정수치를 단계적으로 증가시키거나 감소시킬 때 사용하는 패턴이다. Plus/minus button이라고도 불린다. Tap을 할 경우 1단계식 변화하는 경우가 대다수이며, hold 하고 있을 경우 연속적으로 수치가 변화하는 경우도 존재 한다. Enter value와 같이 특정 값을 입력하기 위하여 사용되는 경우와, Control content properties처럼 특정 수치를 조절하기 위하여 사용되는 경우로 크게 나뉜다.

With this pattern, we can solve...

앱에서 숫자를 입력하거나 단계적 수치를 조절하기 위한 패턴이 필요하다. Steppers는 원하는 숫자나 수치를 단계적으로 입력할 수 있는 기능을 제공한다.

  • Steppers는 원하는 숫자를 입력하거나 수치를 조절할 때, 일정한 양이 증가하거나 감소한다.
  • Steppers는 각 버튼을 tap하여 수치를 조절하며, 변경된 수치는 화면에 즉각적으로 나타난다.

Example : iOS_Vueling

Stepper2.jpg



Enter value

iOS_Vueling

Android_Noom Diet Coach

Android_Preference

Android_Naver Cal


Control content properties

Android_Candy Camera

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

iOS_NAVER

iOS_Cragslist