From Design pattern
Jump to: navigation, search
Line 7: Line 7:
  
 
=== Examples : Android_Evernote ===
 
=== Examples : Android_Evernote ===
{{#Widget:Vimeo|id=96420807|width=300|height=541}}
+
[[File:Android Evernote Dropdown.png|310px]]
 
+
[[File:Android Evernote Dropup.png|310px]]
 
----
 
----
 
== drop-down menu ==
 
== drop-down menu ==
Line 29: Line 29:
 
----
 
----
 
== drop-up menu ==
 
== drop-up menu ==
 +
=== Android_Evernote ===
 +
{{#Widget:Vimeo|id=96420807|width=300|height=541}}
 +
 
=== iOS_Rookie ===
 
=== iOS_Rookie ===
 
<!--* 배경음악이 삽입되어 있어 추가가 불가합니다-->
 
<!--* 배경음악이 삽입되어 있어 추가가 불가합니다-->

Revision as of 16:51, 22 July 2014

Drop menu는 메뉴를 선택하면 서브 메뉴가 펼쳐지거나 팝업 형식으로 제공되는 인터랙션 패턴이다. 메뉴의 제목이 표시되어 있는 곳을 tap하여 열며, 화면 이동 없이 서브 메뉴를 보여준다.

Drop menu에는 메뉴 위로 서브 메뉴가 팝업되는 drop-up menu와 아래로 서브 메뉴가 팝업되는 drop-down menu가 있다. 그 중 drop-down menu는 pull-down menu라고도 부르며, 선택된 메뉴 항목 바로 옆에 하위 메뉴를 띄워주는 horizontal drop-down menu는 구분하였다.

With this pattern, we can solve...

별도의 화면 이동 없이 메뉴와 서브 메뉴를 동시에 보여줄 수 있다.

Examples : Android_Evernote

Android Evernote Dropdown.png Android Evernote Dropup.png


drop-down menu

Android_Evernote

Android_NY times

Android

iOS_Google Scholar


horizontal drop-down menu

iOS_Tayasui Sketches


drop-up menu

Android_Evernote

iOS_Rookie