From Design pattern
Jump to: navigation, search
(Example : 270번 사례)
Line 70: Line 70:
  
 
=== Example : 270번 사례 ===
 
=== Example : 270번 사례 ===
{{#Widget:Vimeo|id=93361487|width=300|height=455|start=4s}}
+
{{#Widget:Vimeo|id=93361487|width=300|height=480|start=4s}}
  
 
----
 
----

Revision as of 19:45, 27 May 2014


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

With this pattern, we can solve...

app에서 특정한 숫자나 항목을 입력하기 위한 pattern이 필요하다. Wheel은 원하는 숫자나 항목을 쉽게 보고 입력할 수 있는 기능을 제공한다. 입력가능한 범위나 항목에 한계를 가지고 있어 사용자가 부적절한 값을 입력할 가능성이 없다.

  • Wheel은 원하는 숫자나 항목을 입력할 때, 선택된 숫자나 항목의 이전과 이후의 정보를 제공한다.
  • 각 입력란에 대하여 상하로 Drag하여 Wheel을 회전 시켜 원하는 숫자나 항목을 입력한다.


Example : 270번 사례


Plus/minus button(Stepper)

223번 사례

  • 플러스나 마이너스 버튼을 tap해서 글자크기를 크거나 작게 조절한다.

477번 사례

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