From Design pattern
Jump to: navigation, search
(Plus/minus button(Stepper))
Line 78: Line 78:
 
=== Example : Android_Noom Diet Coach ===
 
=== Example : Android_Noom Diet Coach ===
 
{{#Widget:Vimeo|id=93361487|width=300|height=480}}
 
{{#Widget:Vimeo|id=93361487|width=300|height=480}}
 
=== iOS_Cragslist ===
 
{{#Widget:Vimeo|id=93367952|width=300|height=400}}
 
  
 
=== Android_Preference ===
 
=== Android_Preference ===
Line 94: Line 91:
 
=== iOS_NAVER ===
 
=== iOS_NAVER ===
 
{{#Widget:Vimeo|id=96783715|width=300|height=533}}
 
{{#Widget:Vimeo|id=96783715|width=300|height=533}}
 +
 +
=== iOS_Cragslist ===
 +
{{#Widget:Vimeo|id=93367952|width=300|height=400}}
  
 
</div>
 
</div>
 
[[Category:Enter a continuous value]]
 
[[Category:Enter a continuous value]]

Revision as of 17:55, 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

Android_Candy Camera

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

iOS_NAVER

iOS_Cragslist