m (Admin1 moved page Enter with plus/minus button to Plus/minus button without leaving a redirect) |
|||
Line 1: | Line 1: | ||
− | |||
+ | {{#css: | ||
+ | #mw-content-text h3 span { | ||
+ | font-weight: 600; | ||
+ | padding-left: 0px; | ||
+ | } | ||
− | + | .mw-headline { | |
− | + | font-weight: 600; | |
+ | } | ||
− | === | + | span.mw-editsection { |
− | * | + | font-weight: 200; |
− | + | position: relative; | |
+ | float:right; | ||
+ | margin-right: 25px | ||
+ | } | ||
+ | |||
+ | span.mw-editsection a { | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | |||
+ | .art-subpage { | ||
+ | background: #F7F7F7; | ||
+ | } | ||
+ | |||
+ | #mw-content-text p { | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 6px; | ||
+ | } | ||
+ | |||
+ | .mw-content-ltr ul { | ||
+ | margin: 0.3em 0 0 42px; | ||
+ | } | ||
+ | |||
+ | |||
+ | hr { | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: -31px; | ||
+ | width: 720px; | ||
+ | border-bottom: 1px solid #E0E0DD; | ||
+ | border-left: 0px; | ||
+ | border-right: 0px; | ||
+ | border-top: 30px solid #F7F7F7; | ||
+ | } | ||
+ | <!-- | ||
+ | #sun-col { | ||
+ | -webkit-column-count:2; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-count:2; /* Firefox */ | ||
+ | column-count:2; | ||
+ | } | ||
+ | |||
+ | #sun-col p { | ||
+ | padding-left: 0px; | ||
+ | --> | ||
+ | } | ||
+ | |||
+ | }} | ||
+ | |||
+ | Wheel은 숫자를 입력하거나 항목을 선택 할 때 사용하는 pattern이다. 주로 날짜와 시간을 입력할 때 사용된다. | ||
+ | |||
+ | === With this pattern, we can solve... === | ||
+ | |||
+ | app에서 특정한 숫자나 항목을 입력하기 위한 pattern이 필요하다. Wheel은 원하는 숫자나 항목을 쉽게 보고 입력할 수 있는 기능을 제공한다. 입력가능한 범위나 항목에 한계를 가지고 있어 사용자가 부적절한 값을 입력할 가능성이 없다. | ||
+ | |||
+ | * Wheel은 원하는 숫자나 항목을 입력할 때, 선택된 숫자나 항목의 이전과 이후의 정보를 제공한다. | ||
+ | * 각 입력란에 대하여 상하로 Drag하여 Wheel을 회전 시켜 원하는 숫자나 항목을 입력한다. | ||
+ | |||
+ | |||
+ | === Example : 270번 사례 === | ||
+ | {{#Widget:Vimeo|id=93361487|width=300|height=455|start=4s}} | ||
+ | |||
+ | ---- | ||
+ | |||
+ | == Plus/minus button(Stepper) == | ||
+ | <div id="sun-col"> | ||
=== 223번 사례 === | === 223번 사례 === | ||
* 플러스나 마이너스 버튼을 tap해서 글자크기를 크거나 작게 조절한다. | * 플러스나 마이너스 버튼을 tap해서 글자크기를 크거나 작게 조절한다. | ||
− | + | {{#Widget:Vimeo|id=93367952|width=300|height=405}} | |
=== 477번 사례 === | === 477번 사례 === | ||
* 화면의 버튼을 플러스, 마이너스로 drag하여 카메라 렌즈의 배율을 조절한다. | * 화면의 버튼을 플러스, 마이너스로 drag하여 카메라 렌즈의 배율을 조절한다. | ||
− | + | {{#Widget:Vimeo|id=93362370|width=300|height=455}} | |
+ | |||
+ | === 37번 사례 === | ||
+ | {{#Widget:Vimeo|id=93367655|width=300|height=405}} | ||
+ | |||
+ | === 345번 사례 === | ||
+ | {{#Widget:Vimeo|id=93367959|width=300|height=405}} | ||
+ | |||
+ | === 579번 사례 === | ||
+ | {{#Widget:Vimeo|id=93939088|width=533|height=395}} | ||
+ | === 215번 사례 === | ||
+ | {{#Widget:Vimeo|id=93372820|width=300|height=405}} | ||
+ | </div> | ||
[[Category:Enter a continuous value]] | [[Category:Enter a continuous value]] |
Wheel은 숫자를 입력하거나 항목을 선택 할 때 사용하는 pattern이다. 주로 날짜와 시간을 입력할 때 사용된다.
app에서 특정한 숫자나 항목을 입력하기 위한 pattern이 필요하다. Wheel은 원하는 숫자나 항목을 쉽게 보고 입력할 수 있는 기능을 제공한다. 입력가능한 범위나 항목에 한계를 가지고 있어 사용자가 부적절한 값을 입력할 가능성이 없다.