From Design pattern
Jump to: navigation, search
Line 84: Line 84:
 
=== Android_Naver Cal ===
 
=== Android_Naver Cal ===
 
{{#Widget:Vimeo|id=96420901|width=300|height=541}}
 
{{#Widget:Vimeo|id=96420901|width=300|height=541}}
 +
</div>
 +
 +
----
 +
 +
== Stepper (Plus/minus button) ==
 +
<div id="sun-col">
  
 
=== Android_Candy Camera ===
 
=== Android_Candy Camera ===
Line 96: Line 102:
  
 
</div>
 
</div>
 +
 
[[Category:Enter a continuous value]]
 
[[Category:Enter a continuous value]]

Revision as of 18:01, 29 May 2014


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

With this pattern, we can solve...

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

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

Example : iOS_Vueling


Stepper (Plus/minus button)

Example : Android_Noom Diet Coach

Android_Preference

Android_Naver Cal


Stepper (Plus/minus button)

Android_Candy Camera

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

iOS_NAVER

iOS_Cragslist