From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Expandable Menu는
+
Expandable menu는 메뉴 목록에서 한가지 메뉴를 선택하면 선택된 메뉴와 그 다음 메뉴 사이가 늘어나면서 그 안에 하위메뉴가 나타나는 인터랙션 패턴이다.
  
 +
=== With this pattern, we can solve... ===
  
 +
*
 +
*
  
  
Line 11: Line 14:
 
* tap하여 하위메뉴를 활성화하거나 다시 숨긴다.
 
* tap하여 하위메뉴를 활성화하거나 다시 숨긴다.
 
{{#Widget:Vimeo|id=93374682|width=533|height=399}}
 
{{#Widget:Vimeo|id=93374682|width=533|height=399}}
 
=== Samsung Galaxy Note(Android)_Internet ===
 
* 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴를 연다.
 
{{#Widget:Vimeo|id=93363072|width=300|height=455}}
 
  
 
=== Android_CNN ===
 
=== Android_CNN ===
Line 24: Line 23:
 
{{#Widget:Vimeo|id=93373782|width=533|height=395}}
 
{{#Widget:Vimeo|id=93373782|width=533|height=395}}
  
 
+
<!--
 
+
=== Samsung Galaxy Note(Android)_Internet ===
 +
* 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴를 연다.
 +
{{#Widget:Vimeo|id=93363072|width=300|height=455}}
 +
-->
  
 
[[Category:Menus]]
 
[[Category:Menus]]

Revision as of 00:56, 30 June 2014

Expandable menu는 메뉴 목록에서 한가지 메뉴를 선택하면 선택된 메뉴와 그 다음 메뉴 사이가 늘어나면서 그 안에 하위메뉴가 나타나는 인터랙션 패턴이다.

With this pattern, we can solve...


Example: iOS_Convertible

  • 메뉴를 swipe 하여 내리면 메뉴에 포함된 하위 메뉴가 확장되어 보여진다.

iOS_Filter Frame

  • tap하여 하위메뉴를 활성화하거나 다시 숨긴다.

Android_CNN

  • 손가락으로 화면의 항목을 선택하면 선택된 메뉴의 항목과 바로 아래항목 사이로 하위 항목을 펼쳐 보여준다.

iOS_Tayasui Sketches

  • 메뉴에서 도구의 세부항목을 편집하고 싶을 때 도구 아이콘을 두 번 두드려(double tap) 편집도구에서 특정 편집도구의 설정도구로 도구창의 용도를 변경한다.