JavaFX调整根堆栈面板的大小

Question

我想有一个StackPane作为根节点，它使叠加效果变得容易。

但是通过使用stackpane作为根，内部控件可以移出窗口。在下面的示例中，如果您将窗口缩小到足够小，您可以看到控件移出窗口，例如菜单栏和列表视图都移到左侧。我想防止这种情况，我该怎么做？

package test;

import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.collections.FXCollections;
import javafx.scene.Scene;
import javafx.scene.control.ListView;
import javafx.scene.control.Menu;
import javafx.scene.control.MenuBar;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class App extends Application {

    @Override 
    public void start(Stage stage) throws Exception {
        stage.setTitle("controls move out of window :(");

        Menu menu = new Menu("Menu");
        MenuBar menubar = new MenuBar(menu);

        ListView<String> listView = new ListView<>(FXCollections.observableArrayList("Args, it moves away."));

        BorderPane borderPane = new BorderPane();
        borderPane.setTop(menubar);
        borderPane.setLeft(listView);

        StackPane rootStackPane = new StackPane(borderPane);
        Scene scene = new Scene(rootStackPane);
        stage.setScene(scene);
        stage.show();
    }

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

}

更新：

为StackPane内部的BorderPane设置对齐方式似乎有所帮助:

public void start(Stage stage) throws Exception {
    stage.setTitle("controls stay in window :)");

    Menu menu = new Menu("Menu");
    MenuBar menubar = new MenuBar(menu);

    ListView<String> listView = new ListView<>(FXCollections.observableArrayList("it stays!"));

    BorderPane borderPane = new BorderPane();
    borderPane.setTop(menubar);
    borderPane.setLeft(listView);

    StackPane rootStackPane = new StackPane(borderPane);
    StackPane.setAlignment(borderPane, Pos.TOP_LEFT);
    Scene scene = new Scene(rootStackPane);
    stage.setScene(scene);

    stage.show();
}

Answer 1

将堆栈放在一个组中，并将堆栈的首选大小绑定到场景的首选大小。

从第二张图像中可以看出，叠加层不是以可见屏幕为中心，而是以StackPane为中心。StackPane的最小尺寸将是其最大组件的最小尺寸（即使它溢出屏幕），因此叠加层以此为中心。要找出事物的最小大小，您可以使用在 SceneBuilder 中设计 UI 或使用 ScenicView 调试 UI。

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class App extends Application {

    @Override 
    public void start(Stage stage) throws Exception {
        stage.setTitle("controls stay in window :)");

        Menu menu = new Menu("Menu");
        MenuBar menubar = new MenuBar();
        menubar.getMenus().add(menu);

        ListView<String> listView = new ListView<>(FXCollections.observableArrayList("Args, it moves away."));

        BorderPane borderPane = new BorderPane();
        borderPane.setTop(menubar);
        borderPane.setLeft(listView);
        borderPane.setStyle("-fx-background-color: palegreen;");

        Node overlayContent = new Label("centered");
        StackPane stack = new StackPane(borderPane, overlayContent);

        Scene scene = new Scene(new Group(stack));
        stage.setScene(scene);
        stage.show();

        stack.prefWidthProperty().bind(scene.widthProperty());
        stack.prefHeightProperty().bind(scene.heightProperty());
    }

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