Popup Menu

From Openmoko

Jump to: navigation, search

Contents

Overview

The Popup Menu provides a general method to select from a list of items.

Usage Cases

Appearance & Interaction

On Tap

image:Widget_popup_menu.png

  • tapping selects a row.

On Tap with Hold

(N/A)

Constraints

  • A maximum number of 10 items are allowed.

Architectural Details


UI Image Files

Download the UI images: click here

  • menu_bg_left_bottom.png -- The left-bottom side of popup menu.
  • menu_bg_left_top.png -- The left-top side of popup menu.
  • menu_bg_right_bottom.png -- The right-bottom side of popup menu.
  • menu_bg_right_top.png -- The right-top side of popup menu.
  • menu_sel_left.png -- The left side of highlight bar of popup menu with normal state.
  • menu_sel_left_p.png -- The left side of highlight bar of popup menu with tap state.
  • menu_sel_right.png -- The right side of highlight bar of popup menu with normal state.
  • menu_sel_right_p.png -- The rightside of highlight bar of popup menu with tap state.
  • menu_separate_stretch.png -- The horizontal separate bar of popup menu.

Implementation Recommendations

  • Related Items should be groupped together and seperated by a dotted horizontal line.

Cross-Widget Interactions

(TBD)

Unresolved Issues

  • What should we do for interfaces that absolutely need more than 10 items?
  • How should we group items in a menu? (From a usage scenario)

Questions and Answers

(None)

Personal tools