From Design pattern
Jump to: navigation, search

Expandable menu는 메뉴 목록에서 한가지 메뉴를 선택하면 선택된 메뉴와 그 다음 메뉴 사이가 늘어나면서 그 안에 하위메뉴가 나타나는 인터랙션 패턴이다. 다른 말로 expandable list, expandable listview라고도 부른다.

With this pattern, we can solve...


Example: iOS_Convertible

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

iOS_Filter Frame

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

Android_CNN

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

iOS_Tayasui Sketches

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