在 FXML 中添加上一个样式类时不应用样式类

Question

>我在FXML文件中分配切换按钮的样式类，如下所示：

<ToggleButton fx:id="Button" styleClass="defaultStyle">

稍后，在我的代码中，我更改样式类，如下所示：

@FXML private ToggleButton Button;
Button.getStyleClass().remove("defaultStyle");
Button.getStyleClass().add("newStyle");

CSS 文件定义为：

 .defaultStyle { -fx-background-color: black;}
 .newStyle { -fx-background-color: red;}

编辑：在控制器中完成时会应用新样式，但在其他地方完成时不会应用新样式。当我调试时，我看到正确的样式类被添加和删除到按钮中。

有人有解决此问题的方法吗？我提前感谢您的帮助。

Answer 1

样式类删除和添加按预期工作。我想你的问题是切换按钮没有正确注入，它应该是：

@FXML private ToggleButton Button;
...
Button.getStyleClass().remove("defaultStyle");
Button.getStyleClass().add("newStyle");

请注意"按钮"的大写字母 b，因为您已在 FXML 文件中定义了fx:id="Button"。另请注意，您不需要自己实例化ToggleButton Button（如new ToggleButton()）。

编辑：
下面是更改样式类的代码示例。正如我所说，它正在按预期工作。将其与您的进行比较。

Sample.fxml：

<AnchorPane id="AnchorPane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml" fx:controller="somepackage.SampleController">
    <stylesheets>
        <String fx:value="somepackage/style.css" />
    </stylesheets>
    <children>
        <ToggleButton layoutX="126" layoutY="90" text="Click Me!" onAction="#handleButtonAction" fx:id="mybutton" styleClass="defaultStyle" />
    </children>
</AnchorPane>

样品控制器.java：

package somepackage;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.ToggleButton;
public class SampleController implements Initializable {
    @FXML
    private ToggleButton mybutton;
    @FXML
    private void handleButtonAction(ActionEvent event) {
        System.out.println("before :" + mybutton.getStyleClass());
        mybutton.getStyleClass().remove("defaultStyle");
        mybutton.getStyleClass().add("newStyle");
        System.out.println("after  :" + mybutton.getStyleClass());
    }
    @Override
    public void initialize(URL url, ResourceBundle rb) {
        // TODO
    }
}

主演示.java：

package somepackage;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class MainDemo extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        System.out.println("version: " + com.sun.javafx.runtime.VersionInfo.getRuntimeVersion());
        Parent root = FXMLLoader.load(getClass().getResource("Sample.fxml"));
        Scene scene = new Scene(root);
        stage.setScene(scene);
        stage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

css 文件包含您的选择器。

Answer 2

既然你说只有当控制器这样做时才会完成。

使用 FXMLLoader 加载控制器。 然后将 StyleClass 更改为 newStyle。