JavaFX中如何让GridPane正确填充窗口

问题的核心是获取GridPane尺寸的时机错误——你在primaryStage.show()之后立即调用gridPane.getWidth()和gridPane.getHeight()，此时JavaFX的布局系统尚未完成最终的布局计算，拿到的是组件的初始尺寸而非实际布局后的真实大小，导致计算出的矩形尺寸偏大，最终GridPane的内容超出可视区域。

解决方案1：延迟尺寸计算（快速修复） #

使用Platform.runLater()将矩形创建逻辑推迟到JavaFX布局队列处理完成后执行，确保获取到GridPane的真实尺寸：

import javafx.application.Platform;

// ... 原有代码保持不变

primaryStage.show();

// 将矩形创建逻辑放入Platform.runLater
Platform.runLater(() -> {
    int rectangleAmountPerRowCol = 50;
    double rectangleWidth = Math.min(gridPane.getWidth()/rectangleAmountPerRowCol, gridPane.getHeight()/rectangleAmountPerRowCol);

    for(int k = 0; k < rectangleAmountPerRowCol; k++) {
        for (int i = 0; i < rectangleAmountPerRowCol; i++) {
            Rectangle r = new Rectangle(rectangleWidth, rectangleWidth);
            r.setStroke(Color.RED);
            r.setStrokeWidth(0.1);
            gridPane.add(r, i, k);
        }
    }
});

解决方案2：绑定GridPane尺寸到父容器（确保填充空间） #

为了让GridPane始终填满BorderPane的中心区域，可设置其最大尺寸，并绑定偏好尺寸到父容器的可用空间：

// 让GridPane可以无限扩展以填充剩余空间
gridPane.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
// 绑定宽度：主面板宽度 - 左侧VBox宽度
gridPane.prefWidthProperty().bind(mainPane.widthProperty().subtract(leftBox.widthProperty()));
// 绑定高度：主面板高度 - 顶部HBox高度
gridPane.prefHeightProperty().bind(mainPane.heightProperty().subtract(topBox.heightProperty()));

解决方案3：使用约束动态适配（支持窗口 resize） #

如果需要窗口大小变化时矩形自动适配，推荐使用ColumnConstraints和RowConstraints设置行列的百分比宽度，并绑定矩形尺寸到单元格：

// 先添加行列约束
int count = 50;
for (int i = 0; i < count; i++) {
    ColumnConstraints colConst = new ColumnConstraints();
    colConst.setPercentWidth(100.0 / count); // 每行占1/50的宽度
    gridPane.getColumnConstraints().add(colConst);

    RowConstraints rowConst = new RowConstraints();
    rowConst.setPercentHeight(100.0 / count); // 每列占1/50的高度
    gridPane.getRowConstraints().add(rowConst);
}

// 创建矩形并绑定尺寸到单元格
for(int k = 0; k < count; k++) {
    for (int i = 0; i < count; i++) {
        Rectangle r = new Rectangle();
        r.setStroke(Color.RED);
        r.setStrokeWidth(0.1);
        // 绑定矩形尺寸到对应单元格的偏好尺寸
        r.widthProperty().bind(gridPane.getColumnConstraints().get(i).prefWidthProperty());
        r.heightProperty().bind(gridPane.getRowConstraints().get(k).prefHeightProperty());
        gridPane.add(r, i, k);
    }
}

总结 #

• 快速修复用Platform.runLater()延迟尺寸计算，确保拿到真实布局尺寸；
• 若需固定填充，绑定GridPane尺寸到父容器的可用空间；
• 支持动态窗口调整则用行列约束+属性绑定的方式，让矩形自动适配空间变化。

内容的提问来源于stack exchange，提问作者Thruzzd