用于Button的JavaFX条件CSS样式

Question

大家好，

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

要玩游戏，请单击空框旁边的按钮切换两个按钮，游戏的关键点是以尽可能少的移动数量顺序从1到15获取所有按钮。 我完成了游戏的大部分编码（仍然有一些我想添加的功能），但现在我想用CSS设置按钮的样式。

但事情就是这样：每个按钮都有一个布尔值，用于确定是否可以移动它（如果它在emptyButton旁边则为true，否则为false）。如何设置按钮的样式，以便在相应的布尔值为true时，背景颜色为绿色，否则为红色？我不太擅长CSS，所以任何帮助都会非常感激。谢谢！

Answer 1

最简单的方法是创建伪类，如上所述，这是一个例子：

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

按钮更改添加：

pseudoClassStateChanged(empty,isNextToEmpty(sampleButton));

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

在css文件中：

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