MenuBar and Popup Menu 

Definition

You can use menus in a MenuBar as standalone elements or you can assign them to different UI elements as popup menus.

The following screenshot shows how a MenuBar looks like.

The popup menu is used to group actions in a space-saving way. After a user action, the menu is opened according to the UI element to which it is assigned. The following graphic shows the structure of a popup menu with the various elements:

 

The popup menu is displayed according to the UI element to which it is assigned.

UI Element	Display of the Icon for the Popup Menu	Description
LinkToAction LinkToURL		For interactive elements, a static icon indicates the existence of a popup menu.
Image ProgressIndicator TextView		For interactive elements, an icon of an orange triangle appears for the popup menu when the user places the cursor on the image.
Tray		For the tray, the icon for the popup menu is located in the title bar.
TreeNode		For a TreeNode, the popup menu is opened using the right mouse button.
Table		In a table, popup menus can be used when a UI element is used as a cell editor and when the UI element can be assigned a popup menu.

Structure

A MenuBar and a popup menu consist of the following elements:

·        Submenus for hierarchical menu structures, defined as a menu

·        Different menu items which can be defined as the following elements:

¡        MenuActionItem

¡        MenuRadioButton

¡        MenuCheckBox

¡        MenuSeparator

The MenuSeparator element adds a separator between two menu items and thus provides a structure to the menu items.

The getMenu method can be used to determine the corresponding menu for all menu items and submenus.

The following UML class diagram shows the aggregated elements with the properties which can be used to create a a MenuBar or a popup menu.