按钮的JavaFX条件CSS样式

Question

我目前正在使用JavaFX制作一个幻灯片益智游戏：

要玩这个游戏，你点击空格旁边的按钮来切换这两个按钮，游戏的重点是在尽可能少的移动量内获得从1到15的数字顺序的所有按钮。我完成了游戏的大部分编码（仍然有一些我想添加的特性），但现在我想使用CSS对按钮进行样式化。

但问题是：每个按钮都有一个布尔值，用于确定是否可以移动它（如果它在emptyButton旁边，则为true，否则为false）。如何设置按钮的样式，使其对应的布尔值为真时，背景颜色为绿色，否则为红色？我不是太熟练的CSS，所以任何帮助将非常感谢。谢谢！

Answer 1

最简单的方法是通过创建伪类，如前所述，这里有一个例子：

private PseudoClass empty = PseudoClass.getPseudoClass("empty");

在“更改添加”按钮中：

pseudoClassStateChanged(empty,isNextToEmpty(sampleButton));

假设方法isNextToEmpty（）返回您添加到按钮中的布尔值。

在css文件中：

.button:empty {
-fx-background-color: green;}