按钮的 JavaFX 条件 CSS 样式

Question

大家好，

我目前正在使用 JavaFX 制作幻灯片拼图游戏:

要玩这个游戏，你可以点击空框旁边的按钮来切换这两个按钮，游戏的重点是用尽可能少的移动次数获得按数字顺序从 1 到 15 的所有按钮。 我完成了游戏的大部分编码(仍然有一些我想添加的功能)，但现在我想使用 CSS 来设置按钮的样式。

但事情是这样的:每个按钮都有一个 boolean 值，用于确定它是否可以移动(如果它位于空按钮旁边，则为 true，否则为 false)。如何设置按钮的样式，以便如果其相应的 boolean 值为 true，则背景颜色为绿色，否则为红色？我对 CSS 不太熟练，所以任何帮助将不胜感激。谢谢!

Answer 1

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

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

在按钮更改中添加:

pseudoClassStateChanged(empty,isNextToEmpty(sampleButton));

假定方法 isNextToEmpty() 返回您添加到按钮的 boolean 值。

在 CSS 文件中:

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