悬停时Imageview图像发生变化，Javafx

Question

我想在悬停时通过 css 更改 imageview 上的图像集。 Imageview 设置在按钮上，当鼠标悬停在按钮上时，背景颜色会发生变化。现在我也需要改变形象。

Answer 1

您可以为您的按钮指定一个样式-class，然后在您的样式-sheet中添加一个新样式：

.my-button {
    -fx-graphic: url("abc.png");
}

.my-button:hover {
    -fx-graphic: url("xyz.png");
}

其中，

• abc.png -> 图像出现在按钮上
• xyz.png -> 悬停时显示的新图片
• .my-button -> 样式 Class 分配给按钮