Stackpane-鼠标单击以供其两个孩子收听

Question

出身背景

我正试图建立一个图像库的基础上描述这里。

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

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

问题

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

我想实现双击imageView以全屏方式打开它。由于imageView是ScrollPane的子级，因此它无法侦听鼠标事件。

有没有办法让ImageView听MouseeEvent？

Answer 1

尝试使用AnchorPane作为此结构的根，而不是将AnchorPane和ScrollPane放置在StackPane中。首先使用适当的锚将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);