The possibilities for graphical and animated menus are virtually unlimited when you use SVG graphics for the background and individual menu items. In the Visual Mobile Designer, you can add a menu you've already created to the application flow, or add a menu background and then add separate menu items to the menu.
To add a menu item:
menuItem_
" string, the elements
are automatically recognized by the IDE and are added to the component as
menu items, sorted alphabetically. menuitem_
" string, you can add names of the elements
representing individual menu items by dragging SVGMenu Element components
from the Component Palette and dropping them on the SVGMenu component. The
SVGMenu Element component is then added to the SVGMenu and in the Flow Designer
you can see a new port available named "menuItem_". You can then
rename the port to correspond to the element ID from the SVG file. In the Flow Designer window, you 'll see that the svgMenu component now
contains several ports named menuItem_
. These ports correspond
to the individual menu elements and can be used for flow design as any other
ports. The menu elements are also visible in the Navigator Window and can
be deleted or reordered in that window as well.
_menuitem
port to a component or other SVG animation in the application flow.