From Design pattern
Jump to: navigation, search
Line 38: Line 38:
 
{{#Widget:Vimeo|id=93367952|width=300|height=400}}
 
{{#Widget:Vimeo|id=93367952|width=300|height=400}}
  
[[Category:Enter a continuous value]]
+
[[Category:Enter continuous values]]

Revision as of 14:06, 30 June 2014

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

With this pattern, we can solve...

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

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

Example : iOS_Vueling


Stepper (Enter value)

Example : Android_Noom Diet Coach

Android_Preference

Android_Naver Cal


Stepper (Control value)

Android_Candy Camera

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

iOS_NAVER

iOS_Cragslist