Stackpane - MouseClick 被它的两个孩子收听

Question

背景

我正在尝试根据描述 here 构建一个图片库。

我有一个StackPane，其中ScrollPane 和AnchorPane 作为其子级，以相同的顺序添加。

ScrollPane 包含 ImageView 中包含的图像列表，而 Anchorpane 有两个按钮，分别位于左右角，用于滚动图像！

问题

滚动工作正常，因为按钮放置在 AnchorPane 上，它是 StackPane 上的顶部子项。

我想实现双击imageView全屏打开。由于 imageView 是 ScrollPane 的子对象，因此无法监听鼠标事件。

有没有办法让 ImageView 监听 mouseEvent ？

Answer 1

不要将AnchorPane 和ScrollPane 放在StackPane 中，而是尝试使用AnchorPane 作为此结构的根。首先使用适当的锚将ScrollPane 添加到其中，然后添加按钮。这样按钮仍将位于顶部，但不会干扰滚动窗格内容上的鼠标事件。

ScrollPane scrollPane = new ScrollPane();
scrollPane.setContent(...);


// scrollPane fills entire anchor pane:

AnchorPane.setLeftAnchor(scrollPane, 0.0);
AnchorPane.setRightAnchor(scrollPane, 0.0);
AnchorPane.setTopAnchor(scrollPane, 0.0);
AnchorPane.setBottomAnchor(scrollPane, 0.0);

Button button1 = new Button(...);
Button button2 = new Button(...);

// button1 in top left:
AnchorPane.setTopAnchor(button1, 0.0);
AnchorPane.setLeftAnchor(button1, 0.0);

// button2 in top right:
AnchorPane.setTopAnchor(button2, 0.0);
AnchorPane.setRightAnchor(button2, 0.0);

AnchorPane anchorPane = new AnchorPane();
anchorPane.getChildren().addAll(scrollPane, button1, button2);