ScrollPane 滚动不适用于其他节点

Question

我想将 StackPane 作为我的根窗格。我想要一个 scrollPane 作为场景中间的一个小盒子和容器下方的两个按钮。我试图通过编写这段代码来实现它： private StackPane root = new StackPane();    private Scene scene = new Scene(root, 1366, 768);    public ContinueScreen() {        Button button1 = new ButtonBuilder("My Button1").setPrefWidth(200).build();        Button button2 = new ButtonBuilder("My Button2").setPrefWidth(200).build();        Button button3 = new ButtonBuilder("My Button3").setPrefWidth(200).build();        Button button4 = new ButtonBuilder("My Button4").setPrefWidth(200).build();        Button button5 = new ButtonBuilder("My Button5").setPrefWidth(200).build();        Button button6 = new ButtonBuilder("My Button6").setPrefWidth(200).build();        VBox vBox = new VBox(5);        vBox.getChildren().addAll(button1, button2, button3, button4, button5, button6);        ScrollPane scrollPane = new ScrollPane();        scrollPane.setContent(vBox);        scrollPane.setPannable(true);        scrollPane.setMaxSize(500, 180);        scrollPane.setVbarPolicy(ScrollPane.ScrollBarPolicy.ALWAYS);        scrollPane.setHbarPolicy(ScrollPane.ScrollBarPolicy.AS_NEEDED);        root.getChildren().add(scrollPane);        StackPane.setAlignment(scrollPane, Pos.CENTER);    }正如您可能注意到的那样，代码确实可以正常工作，但直到我在下面添加我正在谈论的按钮之前。我在 HBox 中添加了这些按钮        HBox hBox = new HBox(5);        hBox.setAlignment(Pos.BOTTOM_CENTER);        hBox.getChildren().addAll(new Button("cat"), new Button("dog"));        root.getChildren().addAll(hBox);现在显示了滚动窗格和两个按钮。但是，由于某种原因，滚动窗格现在停止工作。显示滚动窗格及其内容，但水平或垂直滚动，它们都不起作用。任何人都知道为什么会发生这种情况以及如何解决它？

Answer 1

当您使用 StackPane 作为根节点时，它会将节点堆叠在一起，因此顶部窗格是 HBox 而不是 ScrollPane，因此您无法使用它。

使用 BorderPane 或 VBox 并尝试。

        BorderPane root = new BorderPane();

        Scene scene = new Scene(root, 1366, 768);

        root.setCenter(scrollPane);

        HBox hBox = new HBox(5);

        hBox.getChildren().addAll(new Button("cat"), new Button("dog"));

        root.setBottom(hBox);

Answer 2

这里的问题是StackPane允许调整HBox它的大小。涵盖HBox了防止鼠标事件到达ScrollPane. 您可以通过着色轻松地看到这一点HBox：

hBox.setStyle("-fx-background-color: rgba(100%, 0%, 0%, 0.5)");

最简单的解决方案是设置HBox只接收非（完全）透明区域的事件：

hBox.setPickOnBounds(false);

但是，您也可以设置HBox以占用适合内容的首选大小所需的空间，并通过以下方式进行对齐StackPane：

hBox.setPrefSize(Region.USE_COMPUTED_SIZE, Region.USE_COMPUTED_SIZE);
hBox.setMaxSize(Region.USE_PREF_SIZE, Region.USE_PREF_SIZE);
StackPane.setAlignment(hBox, Pos.BOTTOM_CENTER);
// hBox.setAlignment(Pos.BOTTOM_CENTER);

请注意，使用StackPane这样的按钮不会为您提供响应式 GUI：如果您将窗口的大小调整到足够小的高度，按钮将覆盖ScrollPane.

您可能会更好地使用 aBorderPane或将StackPaneand 包装HBox在 a 中并VBox设置VBox.vgrow为...Priority.ALWAYSStackPane