JavaFX：使用FXML在行（在gridpane中）组织控件

Question

我有一个很多控件（标签，Textfields，Comboboxes和复选框）的GUI。我将它们组织在一个Gridpane中，并希望将它们放在行和列中（例如，它是用于Gridpane布局的）。

如果我使用FXML我写这样的：

<GridPane> 
    <Label GridPane.rowIndex="0" GridPane.columnIndex="0" text="field1"/> 
    <TextField GridPane.rowIndex="0" GridPane.columnIndex="1"/> 
    <Label GridPane.rowIndex="1" GridPane.columnIndex="0" text="field2"/> 
    <TextField GridPane.rowIndex="1" GridPane.columnIndex="1"/> 
</GridPane> 

现在的问题：如果我想补充行0和1之间的行，我需要增加以下行的行索引。现在让我们取20行和5列，我想在第一行之后添加一行。这对我来说会增加低于第一行的每行的排行数。

有没有像行元素一样，它的子控件在同一行中的位置随着列数的增加而变化？我觉得是这样的：

<GridPane> 
    <GridPane.Row> 
     <Label text="field1"/> 
     <TextField/> 
    </GridPane.Row> 
    <GridPane.Row> 
     <Label text="field2"/> 
     <TextField/> 
    </GridPane.Row> 
</GridPane> 

我知道垂直框中，然后HBox中，这几乎是我想要的，但我想在列的元素固定宽度。

Answer 1

您可以使用一个对象来跟踪rowIndex。

的Java：

public class RowCounter { 
    private int currentRowIndex = 0; 

    /** 
    * Return current rowIndex. 
    * @return 
    */ 
    public int getCr() { 
     return currentRowIndex; 
    } 

    /** 
    * Return current rowIndex and increase it. 
    * @return 
    */ 
    public int getNr() { 
     return currentRowIndex++; 
    } 
} 

FXML：

<GridPane xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"> 
    <fx:define> 
     <RowCounter fx:id="rc" /> 
    </fx:define> 

    <children> 
     <Label text="Name:" GridPane.columnIndex="0" GridPane.rowIndex="$rc.cr" /> 
     <TextField GridPane.columnIndex="1" GridPane.rowIndex="$rc.nr" /> 

     <Label text="Age:" GridPane.columnIndex="0" GridPane.rowIndex="$rc.cr" /> 
     <TextField GridPane.columnIndex="1" GridPane.rowIndex="$rc.nr" /> 

     <Label text="Address:" GridPane.columnIndex="0" GridPane.rowIndex="$rc.cr" /> 
     <TextField GridPane.columnIndex="1" GridPane.rowIndex="$rc.nr" /> 
    </children> 
</GridPane>