From Design pattern
Jump to: navigation, search
Line 37: Line 37:
  
 
<!--
 
<!--
 +
[참고]
 
flyout menu에 대한 개념이 기존의 것과 다른 것 같아 자료 첨부 드립니다.
 
flyout menu에 대한 개념이 기존의 것과 다른 것 같아 자료 첨부 드립니다.
 
플라이아웃은 사용자가 현재 수행하고 있는 작업과 관련된 UI를 일시적으로 표시하는 데 사용되는 경량 팝업입니다.
 
플라이아웃은 사용자가 현재 수행하고 있는 작업과 관련된 UI를 일시적으로 표시하는 데 사용되는 경량 팝업입니다.

Revision as of 11:26, 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