Java FXML使用GridPane布局时列间距过大该如何解决

你可以通过以下几处修改实现预期效果：

1. 配置GridPane基础间距和列约束
   在你的FXML文件的<GridPane>根标签上新增hgap（列间距）、vgap（行间距）属性，同时添加列宽约束规则，避免第二列输入框无限制拉伸：

<GridPane hgap="12" vgap="8" prefWidth="450"> <!-- hgap值可根据你要的列间距调整，建议取值范围10-15 -->
    <!-- 新增列约束放在所有子元素最前面 -->
    <columnConstraints>
        <!-- 第一列（标签列）：固定宽度，内容右对齐，不自动拉伸 -->
        <ColumnConstraints halignment="RIGHT" hgrow="NEVER" prefWidth="90" />
        <!-- 第二列（输入框列）：自适应剩余宽度，最大宽度限制避免过宽 -->
        <ColumnConstraints halignment="LEFT" hgrow="ALWAYS" maxWidth="280" />
    </columnConstraints>

    <!-- 原有你写的所有子元素代码放在这后面 -->

2. 修正分隔线的跨列配置
   你现有代码里的<Line>元素默认只占第一列，需要新增跨列属性，让它铺满整个GridPane宽度，同时删掉固定的endX值避免自适应失效：

<Line startX="0.0" startY="0.0" endX="0.0" endY="1.0" stroke="#F0F8FF" GridPane.rowIndex="5" GridPane.columnSpan="2"/>

3. 可选：调整按钮容器的内边距
   你现有底部HBox的左右内边距为30，如果你觉得按钮和输入框的对齐不符合预期，可以把padding的左右值改小：

<HBox spacing="10" GridPane.columnIndex="1" GridPane.rowIndex="11" alignment="BOTTOM_CENTER" style="-fx-padding: 5 10 15 10;">

如果不想在FXML里写属性，也可以在你的stpfx.css样式文件中添加配置实现相同效果：

.grid-pane {
    -fx-hgap: 12px;
    -fx-vgap: 8px;
}

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