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>