JavaFX ImageView悬停边缘时mouseEntered与mouseExited同时触发致闪烁的解决

问题原因 #

核心是鼠标命中检测的不稳定触发：
ImageView 默认 pickOnBounds=false，仅将图像的非透明像素区域视为鼠标交互范围。当应用 ColorAdjust 效果后，图像边缘像素的颜色或透明度会发生细微变化，导致鼠标在边缘位置时，系统频繁交替判定「鼠标在图像内」和「鼠标在图像外」，反复触发 MouseEntered 和 MouseExited 事件，最终造成闪烁。

修复方案 #

方案：开启边界命中检测 #

给目标 ImageView 设置 pickOnBounds=true，让节点以自身的矩形边界作为鼠标交互范围，不再依赖图像像素的透明度。这样鼠标只要在 ImageView 的矩形区域内，就会被稳定判定为在节点内，彻底解决边缘闪烁问题。

修改后的代码示例：

public class HelloController {

    @FXML
    private ImageView exitButton;

    public static void mouseWork(ImageView group){
        // 开启边界命中检测，解决边缘闪烁核心问题
        group.setPickOnBounds(true);
        
        Effect originalEffect = group.getEffect();
        // 提前创建高亮效果实例，避免重复创建（可选性能优化）
        ColorAdjust highlightEffect = new ColorAdjust(0, 0, 0.05, 0);
        
        group.setOnMouseEntered(mouseEvent -> group.setEffect(highlightEffect));
        group.setOnMouseExited(mouseEvent -> group.setEffect(originalEffect));
    }

    @FXML
    void initialize() {
        mouseWork(exitButton);
    }
}

补充说明 #

• 提前创建 ColorAdjust 实例是优化手段，避免每次鼠标进入都生成新对象，提升性能，但并非解决闪烁的必要条件。
• 如果你的图像是纯矩形无透明区域，原本可能不会出现此问题，但对于带透明边缘的图像，pickOnBounds=true 是最直接的解决方式。

内容的提问来源于stack exchange，提问作者skver