JavaFX：节点事件处理下的节点

Question

我正在做一个项目，我在 StackPane 中有一个 GUI(BorderPane) 和一个可移动地图(Pane)，但是当我想点击地图或他的一个孩子时，事件处理程序仅在 GUI 上处理.我该如何解决这个问题？

我将所有对象放在地图窗格中，然后将此窗格移动到另一个窗格中。

这里有一些代码：

Pane Map = new Pane();
Map.getChildren().addAll(...);
Map.setLayoutX(0);
Map.setLayoutY(0);
Map.setOnMouseClicked(e-> System.out.println("Click1"));

GUI = new BorderPane();
GUI.getChildren().addAll(...);
GUI.setOnMouseClicked(e -> System.out.println("Click2"));

MovableMap = new Pane();
MovableMap.getChildren().add(Map);
MovableMap.setOnMouseClicked(e -> System.out.println("Click3"));

StackPane root = new StackPane();
root.getChildren().addAll(MovableMap,GUI);
root.setOnMouseClicked(e -> System.out.println("Click4"));

Answer 1

前段时间我遇到了完全相同的问题。当您以某种方式将它们放在彼此之上时，所有窗格（不仅是 StackPane）似乎都会吞噬所有事件。我只能通过手动布局 GUI 窗格来解决这个问题。从概念上讲，我做了这样的事情：

    private BorderPane root;
    private MapPane mapPane;
    private GUIPane guiPane;

    @Override
    public void start(Stage stage) {
        root = new BorderPane();
        mapPane = new MapPane();            
        guiPane = new GUIPane();

        guiPane.setManaged(false);

        root.setCenter(mapPane);
        root.getChildren().add(guiPane);

        Scene scene = new Scene(root, 800, 600);

        stage.setScene(scene);
        stage.show();

        guiPane.autosize();
        guiPane.layoutXProperty().bind(root.widthProperty().subtract(guiPane.widthProperty()).divide(2));
        guiPane.setLayoutY(20);
    }

它对我有用，但我很想听听一个更好的解决方案。

Answer 2

您可以使任何窗格“鼠标透明”，这样它就不会消耗 任何点击事件，并让它们传递到它下面的堆栈。

这是一些示例代码...这个示例在堆栈中设置了 4 个窗格， 开始时只有 mainPane 接受点击。

StackPane rootPane = new StackPane();
VBox mainPane = new VBox(80);

BorderPane helpOverlayPane = new BorderPane();
helpOverlayPane.setMouseTransparent(true);

Canvas fullScreenOverlayCanvas = new Canvas();
fullScreenOverlayCanvas.setMouseTransparent(true);

VBox debugPane = new VBox();
debugPane.setAlignment(Pos.BASELINE_RIGHT);
AnchorPane debugOverlay = new AnchorPane();
debugOverlay.setMouseTransparent(true);
debugOverlay.getChildren().add(debugPane);
AnchorPane.setBottomAnchor(debugPane, 80.0);
AnchorPane.setRightAnchor(debugPane, 20.0);

rootPane.getChildren().addAll(mainPane, fullScreenOverlayCanvas, debugOverlay, helpOverlayPane);

现在，当您想使用画布在顶部绘图时，请确保您 仅针对该堆栈将鼠标透明更改为 false，并保留所有 它上面的窗格鼠标透明。

fullScreenOverlayCanvas.setMouseTransparent(false);
debugOverlay.setMouseTransparent(true);
fullScreenOverlayCanvas.setVisible(true);

doSomethingWithCanvasThatNeedsMouseClicks();

附：我对我拥有的代码进行了一些编辑，因此它可能无法按原样运行。 另外，请参阅此处仅使部分窗格透明的讨论： JavaFX Pass MouseEvents through Transparent Node to Children

https://stackoverflow.com/a/21062186/4464702