From Design pattern
Jump to: navigation, search
(Stepper (Plus/minus button))
Line 88: Line 88:
 
----
 
----
  
== Stepper (Plus/minus button) ==
+
== Stepper (Control value) ==
 
<div id="sun-col">
 
<div id="sun-col">
  

Revision as of 18:04, 29 May 2014


Stepper는 숫자를 입력하거나 특정수치를 단계적으로 증가시키거나 감소시킬 때 사용하는 pattern이다. Plus/minus button이라고도 불린다.

With this pattern, we can solve...

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

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

Example : iOS_Vueling


Stepper (Entering value)

Example : Android_Noom Diet Coach

Android_Preference

Android_Naver Cal


Stepper (Control value)

Android_Candy Camera

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

iOS_NAVER

iOS_Cragslist