为什么在 FXML 中添加两个 ColumnConstraints？

Question

我是 JavaFX 的新手，在我的sample.fxml文件中我发现了两个ColumnConstraints但我不知道为什么有两个，因为当我删除其中一个时视图发生了变化。

<GridPane fx:controller="sample.Controller" xmlns:fx="http://javafx.com/fxml" 
          alignment="center" hgap="10" vgap="10" gridLinesVisible="true">

    <columnConstraints>

        <ColumnConstraints percentWidth="100"/>
        <ColumnConstraints percentWidth="100"/>

    </columnConstraints>


</GridPane>

Answer 1

GridPane有一个或多个列。 每列都可以有约束，这是通过将ColumnConstraints实例添加到GridPane#getColumnConstraints()列表来实现的。 从文档中：

返回列约束列表。 可以添加列约束以明确控制各个列的大小调整和布局行为。 如果未设置，则根据内容计算列大小和布局行为。 ObservableList中的索引表示列号，所以第一列的列约束在0的位置[强调]。

^{注意：如果您不知道，FXML 文件只是描述一个对象图，然后FXMLLoader该文件并设置适当的属性或将元素添加到适当的集合中。 <columnConstraints>元素引用上面提到的列表，并且ColumnConstraints实例被添加到所述列表。 有关详细信息，请参阅FXML 简介。}

如您所见，列表中ColumnConstraints的索引决定了约束适用于哪一列。 您的 FXML 文件添加了两个约束，这意味着您要为第一列和第二列添加约束。 不过，公平地说，两列都占用 100% 的宽度是没有意义的。 现在，如果您的sample.fxml文件是按照您发布的方式创建的（即您没有做太多更改），并且您想知道为什么您的工具会自动添加两个约束——我无法回答。

请注意，没有要求每个索引都需要一个唯一的ColumnConstraints实例。 换句话说，您可以通过将该实例多次添加到列表中来为多个列使用相同的实例。 在 FXML 中，它看起来像：

<GridPane fx:controller="sample.Controller" xmlns:fx="http://javafx.com/fxml" 
          alignment="center" hgap="10" vgap="10" gridLinesVisible="true">

    <fx:define>
        <ColumnConstraints fx:id="colConstraints" percentWidth="100"/>
    </fx:define>

    <columnConstraints>

        <fx:reference source="colConstraints"/>
        <fx:reference source="colConstraints"/>

    </columnConstraints>


</GridPane>

至于为什么当您删除其中一个ColumnConstraints时您的视图会发生变化，约束的存在会强制该列存在，即使该列中没有内容也是如此。 当列中没有内容时，如果您删除约束，该列将不复存在。

RowConstraints的行为是相同的，除了约束适用于行而不是列（很明显）。