JavaFX 嵌套 GridPane 对齐

Question

我当前有一个 GridPane 作为布局的根，并且其中有另一个包含 2 个标签的 GridPane。我试图让其中一个标签左对齐，另一个右对齐。

我尝试使用 GridPane.halignment="RIGHT"，但这对标签没有影响。

这是我目前的布局:

这是我想要的布局:

我的布局代码如下所示:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.*?>
<?import javafx.scene.canvas.Canvas?>
<?import javafx.scene.control.Label?>

<GridPane xmlns="http://javafx.com/javafx"
          xmlns:fx="http://javafx.com/fxml"
          fx:controller="com.bbf.layout.MainLayout">

    <GridPane fx:id="stats" GridPane.columnIndex="0" GridPane.rowIndex="0" GridPane.halignment="RIGHT" style="-fx-background-color: red;">
        <Label fx:id="frame_count_label" text="Frame: 123" GridPane.columnIndex="0" GridPane.rowIndex="0" style="-fx-background-color: blue;"/>
        <Label fx:id="processing_time_label" text="Processed in 45 ms." GridPane.columnIndex="1" GridPane.rowIndex="0" GridPane.halignment="RIGHT" style="-fx-background-color: green;"/>
    </GridPane>

    <Canvas fx:id="video_canvas" GridPane.columnIndex="0" GridPane.rowIndex="1" width="640" height="480"/>

    <GridPane fx:id="kb_shortcuts" GridPane.columnIndex="0" GridPane.rowIndex="2">
        <Label text="[E] Toggle Overlay" GridPane.columnIndex="0" GridPane.rowIndex="0"/>
        <Label text="[S] Previous Frame" GridPane.columnIndex="1" GridPane.rowIndex="0" />
        <Label text="[D] Next Frame" GridPane.columnIndex="2" GridPane.rowIndex="0" />
    </GridPane>

</GridPane>

如何按照我想要的方式对齐这些标签？ GridPane 是否适合我想做的事情？我对 JavaFX 相当缺乏经验，但熟悉 Android 的布局管理器。

Answer 1

嵌套 GridPane 中的第二列不够大，无法使对齐产生任何效果。只需将 GridPane.hgrow="ALWAYS" 添加到标签即可将其移动到我想要的位置。