Wie kann ich Stil einer JavaFX-Menü und die Elemente in CSS?
Habe ich eine Menüleiste, die setup ist wie folgt in FXML:
<MenuBar VBox.vgrow="NEVER">
<menus>
<Menu mnemonicParsing="true" text="_File">
<items>
<MenuItem mnemonicParsing="true" text="_New Project"/>
<MenuItem mnemonicParsing="true" text="_Open…"/>
<MenuItem mnemonicParsing="false" text="Quit"/>
</items>
</Menu>
</menus>
</MenuBar>
Dies erzeugt ein Menü wie folgt:
Habe ich erfolgreich gestalteten die MenuBar
und die Menu
Datei mit den folgenden CSS:
.menu-bar { /* The menu bar itself */ }
.menu { /* The File menu item */ }
.menu:showing { /* menu when it's being shown (activated) */ }
.menu .label { /* Styles the text on a menu item */ }
.menu:showing .label { /* Styles the text on a menu item when activated */ }
Aber ich habe nicht in der Lage, style-Menü, das angezeigt wird.
Ich habe versucht, behandeln Sie es als ein ContextMenu:
.context-menu {
-fx-background-color: red;
}
Nicht alles tun, (es ist nicht ein ContextMenu, ist also keine große überraschung).
Habe ich versucht, styling menu-item
und menu-button
:
.menu-button,
.menu-item {
-fx-background-color: red;
}
Diese änderungen das Menü (Datei), aber nicht die Menüpunkte oder der Menü, das angezeigt wird.
Ich habe versucht, die Auswahl einer Unterkonstruktion genannt .items
aber das scheint nicht zu existieren.
Fragen
- Wie wähle ich/Stil das Menü (container, holding Neues Projekt, Öffnen,..., Beenden Sie)?
- Wie wähle ich/Stil jedes einzelnen MenuItem im Menü?
Klärung
Zu helfen, zu klären, welche Elemente ich bin auf der Suche nach Stil, die ich Hinzugefügt habe, dieses Bild, die Umrisse der Komponenten Wünsche ich mir, Stil:
Mögliche Duplikate von Wie Stil-Menü-Taste und die Menü-items
InformationsquelleAutor crush | 2014-02-20
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich denke, du hast vergessen die
-fx-skin
Eigenschaft in.context-menu
.Folgen Sie den Wie Stil-Menü-Taste und Menü-Elemente.
-fx-skin
Eigentum erforderlich ist?Es ist nicht notwendig, um
-fx-skin
, siehe meine Antwort. Aber dennoch, wenn Sie noch daran interessiert sind, die offizielle Dokumentation sagt, dass-fx-skin
definiertThe class name of the Control's Skin
.InformationsquelleAutor Uluk Biy