JavaFX FXML中如何在VBox中公平分配节点答案

【问题标题】：How equitably distribute node in VBox in JavaFX FXMLJavaFX FXML中如何在VBox中公平分配节点
【发布时间】：2016-10-25 15:08:19
【问题描述】：

如何在一个 VBox 中平均分配几个部分？换句话说，我有这个 FXML 代码：

<Tab text="SOO properties">
    <content>
        <VBox>
            <HBox>
                <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Name" />
                <TextField />
            </HBox>
            <HBox>
                <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Number of MobileEntity slots" />
                <TextField />
            </HBox>
            <HBox>
                <Text strokeType="OUTSIDE" strokeWidth="0.0" text="MobileEntity buffer size" />
                <TextField />
            </HBox>
            <HBox>
                <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Connections number" />
                <TextField />
            </HBox>
            <HBox>
                <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Peripherals number" />
                <TextField />
            </HBox>
        </VBox>
    </content>
</Tab>

那个产品这个视图：

我怎样才能获得这样的东西？

【问题讨论】：

你可以使用javafx gridpane和voilla！docs.oracle.com/javase/8/javafx/api/javafx/scene/layout/…
也看看stackoverflow.com/questions/25754524/…
谢谢，它工作正常！
请从您的问题中删除您的答案，创建一个新答案并接受它......或者请给您答案的人写一个实际答案。目前的状态......令人困惑
完成。我必须等待 2 天才能将我的答案标记为解决方案。

标签： java javafx fxml distribution vbox

【解决方案1】：

根据 GoXr3Plus，GridPane 非常适合这种情况：

<Tab text="SOO properties">
    <GridPane prefHeight="230.0" prefWidth="358.0">
        <columnConstraints>
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
        </columnConstraints>
        <rowConstraints>
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
        </rowConstraints>
        <children>
            <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Name" />
            <TextField GridPane.columnIndex="1" />
            <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Number of MobileEntity slots" GridPane.rowIndex="1" />
            <TextField GridPane.columnIndex="1" GridPane.rowIndex="1" />
            <Text strokeType="OUTSIDE" strokeWidth="0.0" text="MobileEntity buffer size" GridPane.rowIndex="2" />
            <TextField GridPane.columnIndex="1" GridPane.rowIndex="2" />
            <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Connections number" GridPane.rowIndex="3" />
            <TextField GridPane.columnIndex="1" GridPane.rowIndex="3" />
            <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Peripherals number" GridPane.rowIndex="4" />
            <TextField GridPane.columnIndex="1" GridPane.rowIndex="4" />
        </children>
    </GridPane>
</Tab>

产生这个视图：

【讨论】：