JavaFX GridPane col/row 跨度与索引

Question

我正在通过 Oracle 教程学习 JavaFX，但我对这个特定主题感到困惑。我似乎是唯一感到困惑的人，因为我的搜索没有带来任何有用的结果。我正在创建一个包含 2 列 (0,1) 和 3 行 (0,1,2) 的基本 GridPane。第一行我有标题，另外两行左边有一个标签，右边有一个文本框——这是一个登录屏幕

登录
用户名 | [_______]
密码 | [_______]

这是填充网格的代码：

    Text scenetitle = new Text("Login");
    scenetitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 20));
    grid.add(scenetitle,0,0,2,1); // Row span here is set to 1

    Label userName = new Label("User Name");
    grid.add(userName,0,1);

    TextField userTField = new TextField();
    grid.add(userTField,1,1);

    Label passName = new Label("Password");
    grid.add(passName,0,2); // Here I'm referencing a row index of 2

    TextField passTField = new TextField();
    grid.add(passTField,1,2)

代码运行完美，因为它基本上只是教程中的 copy-paste。但是，我的困惑来自于我的行跨度为 1，但我引用的行索引为 2。我尝试切换行和列跨度，但这搞砸了，所以我确定这是正确的.我错过了什么？

Answer 1

它是 different.First 的全部有用之处：

      setGridLinesVisible(true);

这样您就可以看到网格布局发生了什么（space 列和行之间元素的宽度和高度等）。关于文档中的 add 方法：

add(Node child,int columnIndex,int rowIndex,int colspan,int rowspan)

In the first line:

       grid.add(scenetitle,0,0,2,1);

你添加元素scenetitle，它将被定位在列 0 和行 0 and 它有可能跨越 2 列和 1 行

In the finish line:

      grid.add(passName,0,2);

你添加了元素passName，它将被定位在column 0 和row 2 上，你还没有给出关于它如何跨越的价值。

特殊情况

在 GridPane 中，例如，如果您在列 0 和行 0 上有一个项目 行跨度 4，在第二行中，一个没有默认跨度的项目将跨越最大跨度（在本例中为 4）。

JavaFX GridPane col/row 跨度与索引

JavaFX GridPane col/row span vs index

java

javafx

row

col

gridpane