鼠标事件在底层被忽略

Question

我有两层（=锚烷），一层叠在另一层上，有一个堆叠窗格。所以这两层都填满了整个场景。问题是，只有顶层接收鼠标事件。

这就是场景的构建方式：

只有按钮B接收点击事件，但按钮A不接收。

如果我将层B设置为鼠标透明（layerB.setMouseTransparent（true）），按钮A将接收鼠标事件。但是鼠标的透明效果也会影响所有的孩子，所以按钮B不再接收鼠标事件。

如何让按钮A和按钮B接收鼠标事件？

以下是完整的工作来源：

public class LayerTest extends Application {
    @Override
    public void start(final Stage primaryStage) throws Exception {
        final Node layerA = createLayerA();
        final Node layerB = createLayerB();
        final Parent root = new StackPane(layerA, layerB);
        final Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.setWidth(250);
        primaryStage.setHeight(200);
        primaryStage.show();
    }

    private Node createLayerA() {
        final AnchorPane layerA = new AnchorPane();
        final Button buttonA = new Button("Button A");
        AnchorPane.setLeftAnchor(buttonA, 10d);
        AnchorPane.setTopAnchor(buttonA, 10d);
        buttonA.setOnMouseClicked(e -> System.out.println("Button A clicked"));
        layerA.getChildren().setAll(buttonA);
        return layerA;
    }

    private Node createLayerB() {
        final AnchorPane layerB = new AnchorPane();
        final Button buttonB = new Button("Button B");
        AnchorPane.setRightAnchor(buttonB, 10d);
        AnchorPane.setBottomAnchor(buttonB, 10d);
        buttonB.setOnMouseClicked(e -> System.out.println("Button B clicked"));
        layerB.getChildren().setAll(buttonB);
        return layerB;
    }

    public static void main(String[] args) {
        launch(args);
    }
}

Answer 1

这是行不通的，因为这件事被B层抓住了。您可以将LayerB设置为MouseTransparent

layerB.setMouseTransparent(true)

但我不确定按钮b在这之后是否也是捕鼠器家长。

试一试，哦，你有没有想过换一种布局。

Answer 2

解决方案

在示例代码中添加以下行：

layerB.setPickOnBounds(false);

这将允许鼠标与通过堆叠元素的图层可以看到的可见元素交互。

如果顶层中的元素与底层中的元素重叠，则单击顶层中与底层重叠的部分将使顶层使用鼠标事件，而底层将不会接收鼠标事件（这可能是您想要的）。

交替解释

如果你真的想拦截和处理所有层中的鼠标事件，那么请参阅Uluk评论中的链接问题：

• JavaFX 2事件调度到底层节点
• JavaFx，事件拦截/消耗

方法说明

setPickOnBounds方法的说明：

定义当由MouseEvent或contains函数调用触发时，如何为此节点执行拾取计算。如果pickOnBounds为true，则通过与此节点的边界相交来计算拾取，否则通过与此节点的几何形状相交来计算拾取。

默认情况下，窗格没有可见的背景，那么为什么它们应该使用鼠标事件呢？

对于JavaFX8附带的默认样式表modena.css，窗格在默认情况下确实有一个非常模糊的阴影背景，因此它们可以使用鼠标事件。要防止出现这种情况，您可以将窗格的背景色设置为null或将窗格设置为mouseTransparent。

此行为在JavaFX 2和JavaFX 8之间发生了变化。JavaFX 2附带一个名为caspian.css的默认样式表，该样式表不会为面板设置背景。