如何使用GridPane实现不同行的单元格拥有独立列宽？

可行实现方案 #

GridPane 本身的设计逻辑就是强制同一列所有单元格宽度统一，没有提供逐行设置不同列宽的原生API，可以通过以下两种成熟方案实现需求：

方案1：嵌套布局（灵活度最高，推荐）

外层用VBox纵向排列所有行，每行单独用一个HBox承载当前行的标签+输入框组件，每行的组件宽度可以单独控制，完全不受其他行约束。如果需要所有标签统一对齐，给所有标签设置相同的固定宽度即可。
代码示例：

import javafx.geometry.Insets;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;

// 表单根容器，行间距设为10px
VBox formRoot = new VBox(10);
formRoot.setPadding(new Insets(15));

// 统一设置所有标签的宽度，保证对齐
final int LABEL_WIDTH = 80;

// 第一行：名字、姓氏
HBox row1 = new HBox(10);
Label firstNameLabel = new Label("名字");
firstNameLabel.setPrefWidth(LABEL_WIDTH);
TextField firstNameInput = new TextField();
firstNameInput.setPrefWidth(150);
Label lastNameLabel = new Label("姓氏");
lastNameLabel.setPrefWidth(LABEL_WIDTH);
TextField lastNameInput = new TextField();
lastNameInput.setPrefWidth(150);
row1.getChildren().addAll(firstNameLabel, firstNameInput, lastNameLabel, lastNameInput);

// 第二行：信用卡号
HBox row2 = new HBox(10);
Label cardNumLabel = new Label("信用卡号");
cardNumLabel.setPrefWidth(LABEL_WIDTH);
TextField cardNumInput = new TextField();
cardNumInput.setPrefWidth(340);
row2.getChildren().addAll(cardNumLabel, cardNumInput);

// 第三行：有效期+CVV
HBox row3 = new HBox(10);
Label monthLabel = new Label("有效期(月)");
monthLabel.setPrefWidth(LABEL_WIDTH);
TextField monthInput = new TextField();
monthInput.setPrefWidth(70);
Label yearLabel = new Label("有效期(年)");
yearLabel.setPrefWidth(LABEL_WIDTH);
TextField yearInput = new TextField();
yearInput.setPrefWidth(70);
Label cvvLabel = new Label("CVV码");
cvvLabel.setPrefWidth(LABEL_WIDTH);
TextField cvvInput = new TextField();
cvvInput.setPrefWidth(70);
row3.getChildren().addAll(monthLabel, monthInput, yearLabel, yearInput, cvvLabel, cvvInput);

formRoot.getChildren().addAll(row1, row2, row3);

方案2：GridPane列合并方案

如果必须使用GridPane作为根容器，可以将GridPane的总列数设置为三行列数的最小公倍数12，通过GridPane.setColumnSpan()方法给不同行的组件设置跨列数，模拟逐行不同列宽的效果：

• 第一行共4组组件，每组占3列（12÷4=3）
• 第二行共2组组件，每组占6列（12÷2=6）
• 第三行共6组组件，每组占2列（12÷6=2）
  代码示例：

import javafx.geometry.Insets;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;

GridPane gridPane = new GridPane();
gridPane.setHgap(10);
gridPane.setVgap(10);
gridPane.setPadding(new Insets(15));
// 统一设置12列的宽度均分
for (int i = 0; i < 12; i++) {
    ColumnConstraints col = new ColumnConstraints();
    col.setPercentWidth(100.0 / 12);
    gridPane.getColumnConstraints().add(col);
}

final int LABEL_WIDTH = 80;
// 第一行
Label firstNameLabel = new Label("名字");
firstNameLabel.setPrefWidth(LABEL_WIDTH);
gridPane.add(firstNameLabel, 0, 0);
gridPane.add(new TextField(), 1, 0, 2, 1); // 输入框跨2列
Label lastNameLabel = new Label("姓氏");
lastNameLabel.setPrefWidth(LABEL_WIDTH);
gridPane.add(lastNameLabel, 3, 0);
gridPane.add(new TextField(), 4, 0, 2, 1);

// 第二行
Label cardLabel = new Label("信用卡号");
cardLabel.setPrefWidth(LABEL_WIDTH);
gridPane.add(cardLabel, 0, 1);
gridPane.add(new TextField(), 1, 1, 11, 1); // 输入框跨11列

// 第三行
Label monthLabel = new Label("月");
monthLabel.setPrefWidth(LABEL_WIDTH);
gridPane.add(monthLabel, 0, 2);
gridPane.add(new TextField(), 1, 2, 1, 1);
Label yearLabel = new Label("年");
yearLabel.setPrefWidth(LABEL_WIDTH);
gridPane.add(yearLabel, 2, 2);
gridPane.add(new TextField(), 3, 2, 1, 1);
Label cvvLabel = new Label("CVV");
cvvLabel.setPrefWidth(LABEL_WIDTH);
gridPane.add(cvvLabel, 4, 2);
gridPane.add(new TextField(), 5, 2, 1, 1);

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