...
Optionen:
- Menü hinzufügen - Selektieren Sie die MenuBar und klicken Sie auf + Add item.
- Menü-Eintrag hinzufügen - Selektieren Sie das Menü, das Sie mit einem neuen Eintrag erweitern möchten und klicken Sie auf + Add item.
- Menu 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.
- 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.
- 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.
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:
...
Eine MenuBar ist eine Button-Reihe in welchen verschiedene UI-Komponente hinzugefügt werden kann.
...
Beispiel:
| Code Block | ||
|---|---|---|
| ||
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); |