将鼠标事件委托给JavaFX堆栈窗格中的所有子级

Question

我试图想出一个解决方案，允许多个窗格节点在组装成StackPane时独立处理鼠标事件

StackPane
   Pane 1
   Pane 2
   Pane 3

我希望能够在每个子级中处理鼠标事件，并且第一个调用消费（）的子级会停止将事件传递给下一个子级。

我也知道setPickOnBands（false），但这并不能解决所有情况，因为一些覆盖将基于Canvas的像素，即不涉及场景图。

我用Node.fireEvent（）尝试了各种实验。然而，这些总是导致递归以堆栈溢出告终。这是因为事件是从根场景传播的，并再次触发相同的处理程序。

我要寻找的是一些方法来单独触发子窗格上的事件处理程序，而不让事件通过其正常路径。

到目前为止，我最好的解决方法是使用过滤器捕获事件并手动调用处理程序。我需要为MouseMove等重复此操作

parent.addEventFilter(MouseEvent.MOUSE_CLICKED, event -> {
    for (Node each : parent.getChildren()) {
        if (!event.isConsumed()) {
            each.getOnMouseClicked().handle(event);
        }
    }
    event.consume();
});

然而，这只会触发使用setOnMouseClicked添加的侦听器，而不是addEventHandler，并且仅在该节点上，而不是子节点上。

另一种解决方案是接受JavaFX不是这样工作的，并像这样重组窗格，这将允许正常的事件传播发生。

Pane 1
   Pane 2
      Pane 3

示例

import javafx.application.Application;
import javafx.event.Event;
import javafx.geometry.Insets;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.Background;
import javafx.scene.layout.BackgroundFill;
import javafx.scene.layout.CornerRadii;
import javafx.scene.layout.Pane;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class EventsInStackPane extends Application {

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

    private static class DebugPane extends Pane {
        public DebugPane(Color color, String name) {
            setBackground(new Background(new BackgroundFill(color, CornerRadii.EMPTY, Insets.EMPTY)));
            setOnMouseClicked(event -> {
                System.out.println("setOnMouseClicked " + name + " " + event);
            });
            addEventHandler(MouseEvent.MOUSE_CLICKED, event -> {
                System.out.println("addEventHandler " + name + " " + event);
            });
            addEventFilter(MouseEvent.MOUSE_CLICKED, event -> {
                System.out.println("addEventFilter " + name + " " + event);
            });
        }

    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        DebugPane red = new DebugPane(Color.RED, "red");
        DebugPane green = new DebugPane(Color.GREEN, "green");
        DebugPane blue = new DebugPane(Color.BLUE, "blue");
        setBounds(red, 0, 0, 400, 400);
        setBounds(green, 25, 25, 350, 350);
        setBounds(blue, 50, 50, 300, 300);

        StackPane parent = new StackPane(red, green, blue);
        eventHandling(parent);

        primaryStage.setScene(new Scene(parent));
        primaryStage.show();
    }

    private void eventHandling(StackPane parent) {
        parent.addEventHandler(MouseEvent.MOUSE_CLICKED, event -> {
            if (!event.isConsumed()) {
                for (Node each : parent.getChildren()) {
                    Event copy = event.copyFor(event.getSource(), each);
                    parent.fireEvent(copy);
                    if (copy.isConsumed()) {
                        break;
                    }
                }
            }
            event.consume();
        });
    }
    private void setBounds(DebugPane panel, int x, int y, int width, int height) {
        panel.setLayoutX(x);
        panel.setLayoutY(y);
        panel.setPrefWidth(width);
        panel.setPrefHeight(height);
    }
}

Answer 1

使用@jewelsea的提示，我可以使用自定义链。我从添加到堆栈窗格前面的“catcher”窗格中完成了此操作。然后，使用所有子项按相反顺序构建一个链，不包括自身。

private void eventHandling(StackPane parent) {
    Pane catcher = new Pane() {
        @Override
        public EventDispatchChain buildEventDispatchChain(EventDispatchChain tail) {
            EventDispatchChain chain = super.buildEventDispatchChain(tail);
            for (int i = parent.getChildren().size() - 1; i >= 0; i--) {
                Node child = parent.getChildren().get(i);
                if (child != this) {
                    chain = chain.prepend(child.getEventDispatcher());
                }
            }
            return chain;
        }
    };
    parent.getChildren().add(catcher);
}