JavaFX8如何将 "press"状态传递给子进程？

Question

我在 Pane 中有一个 ImageView，并且该 Pane 已设置 MouseEventHandler 来执行一些操作。

ImageView 的图像在 CSS 文件中定义如下:

.imageView{
    -fx-image: url("image/normal.png");
}

.imageView:pressed{
    -fx-image: url("/image/press.png");
}

正常状态下，ImageView的图片为'normal.png'。当用户按下 ImageView 时，其图像将更改为“press.png”。然后，当发布时，其图像将变回“normal.png”。

但是，如果用户没有准确地按下ImageView的图像，即使触发了Pane的MouseEvent，图像也不会改变。

当按下 ImageView 的父 Pane 时，如何更改其图像。例如，在Android上，图像会自动切换。非常方便。

Answer 1

将样式类添加到 Pane (例如“image-container”)，然后在 css 中执行

.imageView{
    -fx-image: url("image/normal.png");
}

.image-container:pressed .imageView {
    -fx-image: url("/image/press.png");
}