JavaFX ToggleButton 设置颜色和恢复默认颜色

Question

切换按钮上的正常背景颜色和边框颜色是什么？示例:

i.toggle11.setOnAction(e->{
        if(i.toggle11.isSelected()){
            i.toggle11.setStyle("-fx-background-color:red");
             i.toggle12.setStyle("-fx-background-color:white");
             i.toggle13.setStyle("-fx-background-color:white");
        }
        else {
             i.toggle11.setStyle("-fx-background-color:white");
        }
    });

我想在此操作之后将其他切换按钮设置为“正常颜色”(与创建切换按钮时相同)

Answer 1

回答如何添加/删除样式

最简单的方法是通过添加 CSS 样式类为 ToggleButton 着色，然后在不再需要它时将其删除，因此它将具有与格式化之前相同的样式。

示例

要添加的代码

i.toggle11.setOnAction(e->{
        if(i.toggle11.isSelected()){
            i.toggle11.getStyleClass().add("red-button");
            i.toggle12.getStyleClass().add("white-button");
            i.toggle13.getStyleClass().add("white-button");
        }
        else{
             i.toggle13.getStyleClass().add("white-button");
        }
    });

然后删除代码

i.toggle11.getStyleClass().removeAll("red-button", "white-button");

CSS

.red-button {
    -fx-background-color: red;
}

.white-button {
    -fx-background-color: white;
}

只需确保您已添加包含 CSS 样式的样式表，例如:

scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());

但是

我不知道你想要实现什么，但如果你只想简单地为你的 ToggleButton 上色，你也可以覆盖 .toggle-button:selected 在您的样式表中，不需要其他样式:

.toggle-button:selected {
    -fx-background-color: red;
}

覆盖现有 CSS 类和伪类始终是最简单的方法。这是学习使用 ToggleButton 并为其设置样式的良好起点:Using JavaFX UI Controls .

例如，您可以检查 .toggle-button here 的可用样式类你也可以查看 CSS reference guide .