在JavaFX中居中对齐网格窗格的行

Question

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

Answer 1

您需要单独对齐GridPane中的每个对象，而不是GridPane本身。

要做到这一点，去哟布局： ObjectName（ex.按钮），并在对齐选择中心。

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>

Answer 3

要将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>

如果要以相同的顺序对齐特定列或行的所有节点，有一种更简单的方法可以实现这一点。您可以创建ColumnConstraints或RowConstraints并将其添加到GridPane，而不是向节点添加halignment/valignment。

<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>

您也可以类似地添加RowConstraint。