Page Comparison

Für die Konstruktion von Menüs bietet Ihnen RapidClipse die View Menus. Mit Hilfe einer hierarchischen Tree-Struktur lassen sich Menü sehr schnell und einfach erstellen und bei Bedarf problemlos ändern. Die ersten Tree-Einträge sind Menüs, denen Sie mit + Add item Menü-Einträge hinzufügen können. Wenn Sie an einen Menü-Eintrag ein neues MenuItem anhängen, entsteht ein Untermenü. Auf diese Weise können Sie eine belieibig komplexe Menü-Hierarchie erstellen.

Image Removed

...

Optionen:

• Menü hinzufügen - Selektieren Sie die MenuBar und klicken Sie auf + Add item.
  Image Removed
• Menü-Eintrag hinzufügen - Selektieren Sie das Menü, das Sie mit einem neuen Eintrag erweitern möchten und klicken Sie auf + Add item.
  Image Removed
• Reihenfolge ändern - Selektieren Sie das MenuItem und klicken Sie auf Move up oder Move down. 
• Untermenüs - Wenn Sie an ein MenuItem ein neues MenuItem anhängen, entsteht ein Untermenü. Selektieren Sie dazu ein MenuItem und klicken Sie auf + Add item.
  Image Removed
• MenuItem verschieben - Jedes MenuItem lässt sich beliebig verschieben und sowohl an andere MenuItems als auch an die menuBar selbst anhängen. 
• Beschriftungen ändern - Selektieren Sie das MenuItem dessen Beschriftung Sie ändern möchten, klicken Sie bei Properties > Text auf MenuItem, geben Sie eine neue Beschriftung ein und drücken Sie die Eingabetaste um die Änderung zu übernehmen. Alternativ können Sie das MenuItem 2 Mal nacheinander anklicken, um in den Editier-Modus zu wechseln.
• Icon zuweisen - Selektieren Sie das MenuItem dem Sie ein Icon zuweisen möchten, klicken Sie bei Properties > Icon auf ..., klicken Sie im folgenden Dialog auf FontAwesome, wählen Sie aus der folgenden Liste ein Icon aus und klicken Sie auf OK.
  Image Removed
• Separator - Um einen Separator (Trennlinie) einzufügen, klicken Sie auf + Add item und selektieren Sie anschließend bei Properties > Separator. Es ist empfehlenswert das MenuItem danach in Separator umzubenennen.
• MenuItem entfernen - Selektieren Sie das Menü oder MenuItem das Sie entfernen möchten und klicken Sie auf Delete. MenuItems mit Childs können nicht entfernt werden. Es müssen zuerst die Childs entfernt werden. 

Wichtige Events:

...

• MenuSelected - Wird ausgelöst, wenn das MenuItem angeklickt wird. Erst mit dem Loslassen der gedrückten Maustaste wird das Event ausgelöst. 

Wichtige Properties:

...

Zur XdevMenuBar JavadocEine MenuBar ist eine Button-Reihe in welchen verschiedene UI-Komponente hinzugefügt werden kann.

...

Beispiel:

final MenuBar menuBar = new MenuBar();
menuBar.addThemeVariants(MenuBarVariant.LUMO_PRIMARY);

menuBar.addItem("Click me!", e -> new Dialog(new Label("You clicked the first item!")).open());
menuBar.addItem(new Label("Label inside"));

this.add(menuBar);

Vaadin Documentation