Menu prototype

Display a menu with options list.

Note:
Menu include MenuBar prototype.

PROTO Menu [
  
  # Events out
  eventOut SFTime rightButtonClicked
  eventOut SFTime centerButtonClicked
  
  # Events in / out
  exposedField SFBool enable TRUE
  exposedField SFBool hide TRUE
  exposedField SFInt32 selection 0
  
  # Events in
  eventIn SFInt32 update	# Update the list and position focus on the given element
  
  # Style
  field SFInt32 nbElements 0
  field MFString elementsLabels [""]
  field MFInt32 elementsStates []
  field MFInt32 elementsSeparators []
  field MFString leftLabels ["Options" "Ok"]
  field MFString rightLabels ["Quit" "Back"]
  field MFString images ["listSeparator.png"]
  field MFString style ["Menu"]
  field MFString menuFocusbarStyle ["FocusBar" "Menu-FocusBar"]
  field SFVec2f screenSize -1 -1
  field SFVec2f textScale 1 1
]

Style fields

SFInt32 nbElements - Number of elements in the list
MFString elementsLabels - Array of element label
MFInt32 elementsStates - Elements states. 0 = available; -1 = not available (greyed)
MFInt32 elementsSeparators - Elements separators. 0 = separator; -1 = no separator
MFString leftLabels - Left label
MFString rightLabels - Right label
MFString images - Separator icon
MFString style - Path to the CSS node associated to Menu proto
MFString menuFocusbarStyle - Path to the CSS specific node associated to the focusbar in Menu proto
SFVec2f screenSize - Size of the screen where the application is displayed
SFVec2f textScale - Use for scaling text if necessary (phone with small fonts)

Exposed Fields

SFBool enable - Enable/disable MenuBar Buttons
SFBool hide - Sends FALSE when the menu starts to slide up and sends TRUE when the menu finished sliding down
SFInt32 selection - Selected item in the menu list

Event in

SFInt32 update - Update the list and position focus on the given element.
Call update is needed if Styles fields are modified

Event Out

SFTime leftButtonClicked - Time when push left button
SFTime rightButtonClicked - Time when push right button

Menu-FocusBar {
  size: 100% 15%;
}

Slider, MenuBar, SimpleList, TouchCursor

EXTERNPROTO Menu [] "Menu.wrl"
EXTERNPROTO SizeNotifier [] "SizeNotifier.wrl"

Group {
  children [
    Style {
      url ["default.css"]
    }
    
    DEF SIZE_NOTIFIER SizeNotifier {}
    
    Shape {
      appearance  Appearance {
        material Material2D { emissiveColor 1 1 1 }
      }
      geometry DEF BACKGROUND Rectangle {
        size 10 10
      }
    }
    
    DEF MENU Menu {
      nbElements 4
      elementsLabels [
        "Item 1"
        "Item 2"
        "Item 3"
        "Item 4"
      ]
    }

    ROUTE SIZE_NOTIFIER.screenSize TO BACKGROUND.size
    
    ROUTE SIZE_NOTIFIER.screenSize TO MENU.screenSize
    ROUTE SIZE_NOTIFIER.textScale  TO MENU.textScale
  ]
}