From Design pattern
Jump to: navigation, search
 
(15 intermediate revisions by 4 users not shown)
Line 3: Line 3:
  
 
== Examples ==
 
== Examples ==
 +
 +
=== 187번 사례 ===
 +
* 화면을 위에서 아래로 drag하면, drag한 만큼의 길이와 면적이 늘어나며 설정시간의 길이만큼 입력된다.
 +
<videoflash type="vimeo">95488542|300|500</videoflash>
  
 
=== 406번 사례 ===
 
=== 406번 사례 ===
 
* 화면위를 위아래로 drag 하여 화면 밝기를 조절한다.
 
* 화면위를 위아래로 drag 하여 화면 밝기를 조절한다.
 +
* 화면상에 컨트롤 메뉴를 최소화 해야 하는 상황에서 쓰여진다.
 
<videoflash type="vimeo">94740404|665|374</videoflash>
 
<videoflash type="vimeo">94740404|665|374</videoflash>
 
=== 187번 사례 ===
 
* 화면을 위에서 아래로 drag하면, drag한 만큼의 길이와 면적이 늘어나며 설정시간의 길이를 보여준다.
 
촬영불가자료_이미지로대체
 
 
=== 201번 사례 ===
 
* 좌/우 slider 사용중에 위아래로 drag 위치를 변경하여 좌/우 slider 의 변경값을 조절한다.
 
촬영불가자료_이미지로대체
 
  
 
=== 310번 사례 ===
 
=== 310번 사례 ===
* 화면을 위로 drag하여 밝게, 아래로 drag하여 어둡게 밝기를 조절한다.
+
* 화면 자체가 밝기조절 Slider를 대신하여, 그 위에서 위로 drag하여 밝게, 아래로 drag하여 더 어둡게 밝기를 조절한다.
 +
* drag 시작점을 기준으로 움직인 거리에 따라 밝기 변화의 정도가 달라진다.
 
<videoflash type="vimeo">93367955|300|405</videoflash>
 
<videoflash type="vimeo">93367955|300|405</videoflash>
 
 
  
 
=== 354번 사례 ===
 
=== 354번 사례 ===
* 재생중인 영상위에서 위로 drag하여 더 빠르게, 아래로 drag하여 더 느리게 재생속도를 조절한다.
+
* 재생중인 영상화면에서, 위로 drag하여 현재 속도보다 0.1배속 더 빠르게, 아래로 drag하여 0.1배속 더 느리게 재생속도를 조절한다.
<videoflash type="vimeo">93368392|300|405</videoflash>
+
<videoflash type="vimeo">93368392|533|300</videoflash>
  
 
=== 31번 사례 ===
 
=== 31번 사례 ===
* 손을 위로 drag 하면 현재시간을 기준으로 움직인 시간만큼의 날씨와 기온이 어떻게 변화하는지 보인다. 손을 때면 현재시간으로 돌아가며, 배경 색은 그 시간 해의 위치에 따른 하늘의 색을 나타낸다.
+
* 손을 위로 drag 하면 현재시간을 기준으로 움직인 시간만큼의 날씨와 기온이 어떻게 변화하는지 보인다.  
<videoflash type="vimeo">93044690|300|405</videoflash>
+
* 손을 때면 현재시간으로 돌아가며, 배경 색은 그 시간 해의 위치에 따른 하늘의 색을 나타낸다.
 
+
<videoflash type="vimeo">93044690|300|449</videoflash>
  
 
=== 515번 사례 ===
 
=== 515번 사례 ===
Line 36: Line 32:
  
 
=== 624번 사례 ===
 
=== 624번 사례 ===
* 사례 설명 입력 예정
+
* 화면의 왼쪽 부분을 세로로 drag하여 화면의 밝기를 조절한다. 화면의 오른쪽 부분을 세로로 drag하여 재생중인 영상의 음량을 조절한다.
 
<videoflash type="vimeo">94636812|533|303</videoflash>
 
<videoflash type="vimeo">94636812|533|303</videoflash>
 
 
[[Category:Enter a continuous value]]
 

Latest revision as of 18:32, 27 May 2014

화면 전체가 slider를 대신하며, 화면 위를 drag하여 입력한다.


Examples

187번 사례

  • 화면을 위에서 아래로 drag하면, drag한 만큼의 길이와 면적이 늘어나며 설정시간의 길이만큼 입력된다.

406번 사례

  • 화면위를 위아래로 drag 하여 화면 밝기를 조절한다.
  • 화면상에 컨트롤 메뉴를 최소화 해야 하는 상황에서 쓰여진다.

310번 사례

  • 화면 자체가 밝기조절 Slider를 대신하여, 그 위에서 위로 drag하여 더 밝게, 아래로 drag하여 더 어둡게 밝기를 조절한다.
  • drag 시작점을 기준으로 움직인 거리에 따라 밝기 변화의 정도가 달라진다.

354번 사례

  • 재생중인 영상화면에서, 위로 drag하여 현재 속도보다 0.1배속 더 빠르게, 아래로 drag하여 0.1배속 더 느리게 재생속도를 조절한다.

31번 사례

  • 손을 위로 drag 하면 현재시간을 기준으로 움직인 시간만큼의 날씨와 기온이 어떻게 변화하는지 보인다.
  • 손을 때면 현재시간으로 돌아가며, 배경 색은 그 시간 해의 위치에 따른 하늘의 색을 나타낸다.

515번 사례

  • 사례 설명 입력 예정

업로드중

624번 사례

  • 화면의 왼쪽 부분을 세로로 drag하여 화면의 밝기를 조절한다. 화면의 오른쪽 부분을 세로로 drag하여 재생중인 영상의 음량을 조절한다.