带有FXML的JavaFX改变了css文件运行时,带有菜单项

时间:2015-03-20 13:29:24

标签: css javafx runtime menuitem fxml

我正在学习JavaFx而我正试图在运行时改变我的窗口(Mastermind游戏)的CSS样式。

目前它适用于一些对象,如按钮,背景,菜单栏,标签和形状。 但我想改变的另一个对象是菜单项(背景和标签)。

我尝试使用下一个css代码来访问它:

.context-menu {
    -fx-background-color: linear-gradient(rgba(200,200,200,1),rgba(50,50,50,1) 80%);
}

它适用于初始化,但不能在运行时更改。 例如,它适用于菜单栏本身:

.menu-bar {
    -fx-background-color: black;
    -fx-selection-bar: #505050;
}
.menu-bar .label {
    -fx-font-size: 12pt;
    -fx-font-family: "Segoe UI Light";
    -fx-text-fill: white;
    -fx-opacity: 0.9;
}

在FXMLcontroller中,我调用以下代码来更改外观:

@FXML private AnchorPane generalPane;
private final String themeNormal = getClass().getResource("/mastermindStyles/MasterMind_Normal.css").toExternalForm();

@FXML
void handleSkinNormal(ActionEvent event){
   generalPane.getStylesheets().clear();
   generalPane.getStylesheets().add(themeNormal);
}

我该怎么做?

1 个答案:

答案 0 :(得分:1)

我找到了它:

使用预定义样式(如Modena和Caspian):

Application.setUserAgentStylesheet(STYLESHEET_MODENA);

使用您自己的css样式表:

Application.setUserAgentStylesheet(null);
StyleManager.getInstance().addUserAgentStylesheet(
  getClass().getResource("NewSkin.css").toExternalForm());