中心在JavaFX中对齐GridPane的行

Question

我在fxml中有一个GridPane,它有一个文本标题和4个按钮.GridPane本身是居中对齐的,但所有按钮都在网格列内对齐.我知道如何使用Java代码更改项目的对齐方式,但这不是理想的情况,因为我希望使用FXML和CSS处理所有样式.任何人都可以建议在JavaFX的GridPane视图中居中对齐单元格元素的最佳方法吗？

Answer 1

要将子GridPane对齐设置为居中,您需要设置子节点的Halignment和Valignment.

在Java代码中,您可以执行类似于以下操作:

GridPane.setHalignment(node, HPos.CENTER); // To align horizontally in the cell
GridPane.setValignment(node, VPos.CENTER); // To align vertically in the cell

在FMXL中,您可以通过以下方式实现类似的效果:

<GridPane>
      ... // other properties
     <children>
        <Button mnemonicParsing="false" text="Button" GridPane.halignment="CENTER" GridPane.valignment="CENTER" />
     </children>
</GridPane>

如果要将特定列或行的所有节点对齐,则可以通过更简单的方式实现此目的.halignment / valignment您可以创建ColumnConstraints或RowConstraints,并将它们添加到GridPane,而不是向节点添加.

<GridPane>
    <columnConstraints>
        <ColumnConstraints hgrow="SOMETIMES" halignment="CENTER" minWidth="10.0" prefWidth="100.0" />
         ... // More constraints for other columns
    </columnConstraints>
    <children>
         <Button mnemonicParsing="false" text="Button" />
    </children>
</GridPane>

你也可以同样添加RowConstraints.

Answer 2

在 FXML 中：

<GridPane ...>
  <columnConstraints>

    <!-- one of these for each column: you can obviously have other properties set here if needed -->
    <ColumnConstraints halignment="CENTER" />

  </columnConstraints>
</GridPane>