From Design pattern
Jump to: navigation, search
(With this pattern, we can solve...)
(With this pattern, we can solve...)
Line 4: Line 4:
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
별도의 화면 이동 없이 메뉴와 서브 메뉴를 동시에 보여준다.
+
별도의 화면 이동 없이 메뉴와 서브 메뉴를 동시에 보여줄 수 있다.
 
+
*
+
  
 
=== Examples : Android_Evernote ===
 
=== Examples : Android_Evernote ===

Revision as of 14:22, 18 July 2014

Drop menu는 서브 메뉴를 팝업 형식으로 제공하는 인터랙션 패턴이다. 화면에 있는 메뉴를 tap하여 열며, 화면 이동 없이 서브 메뉴를 보여준다.

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

With this pattern, we can solve...

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

Examples : Android_Evernote



drop-down menu

Android_Evernote

Android_NY times

Android

iOS_Google Scholar


horizontal drop-down menu

iOS_Tayasui Sketches


drop-up menu

iOS_Rookie