按钮的JavaFX条件CSS样式 大家好,,

按钮的JavaFX条件CSS样式 大家好,,,java,css,eclipse,javafx,Java,Css,Eclipse,Javafx,我目前正在使用JavaFX制作一个幻灯片益智游戏: 要玩游戏,您可以单击空框旁边的按钮来切换这两个按钮,游戏的要点是以尽可能少的移动次数将所有按钮按1到15的数字顺序排列。 我完成了游戏的大部分编码(仍然有一些我想添加的功能),但是现在我想使用CSS来设计按钮的样式 但问题是:每个按钮都有一个布尔值,用于确定它是否可以移动(如果它位于emptyButton旁边,则为true,否则为false)。如何设置按钮的样式,使其对应的布尔值为真时,背景色为绿色,否则为红色?我不太擅长CSS,所以任何帮助

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

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


但问题是:每个按钮都有一个布尔值,用于确定它是否可以移动(如果它位于emptyButton旁边,则为true,否则为false)。如何设置按钮的样式,使其对应的布尔值为真时,背景色为绿色,否则为红色?我不太擅长CSS,所以任何帮助都将不胜感激。谢谢

最简单的方法是创建伪类,如前所述,下面是一个示例:

private PseudoClass empty = PseudoClass.getPseudoClass("empty");
在“更改”按钮中添加:

pseudoClassStateChanged(empty,isNextToEmpty(sampleButton));
假设方法isNextToEmpty()返回添加到按钮的布尔值

在css文件中:

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

忘了提及,每次单击按钮时,这些布尔值都会更改。(我基本上希望空按钮旁边或上方/下方的所有按钮都有绿色背景)。这可能吗?一种方法是使用CSS伪类。看,我试试看,谢谢你的推荐!