gridpane调整大小

Question

我想要一个网格窗格布局，如附图所示。任何人都知道如何使用或我使用错误的布局？

Answer 1

您可以使用列和行约束来控制GridPane中不同行和列的增长方式。

执行此操作的方法是将第一列的hgrow属性设置为ALWAYS，将第一行的vgrow属性设置为ALWAYS - 这意味着左上角的单元格将始终展开。您可以将其他单元格设置为固定的宽度/高度，否则它们将展开以适应其内容而不再适用。

我在AnchorPane中包含了一个带有GridPane的FXML示例，并锚定在AnchorPane的顶部，左下角和右下角。这意味着GridPane将增长以填充父AnchorPane：

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

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.paint.*?>

<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml">
  <children>
    <GridPane AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
      <columnConstraints>
        <ColumnConstraints hgrow="ALWAYS" />
        <ColumnConstraints prefWidth="150" />
      </columnConstraints>
      <rowConstraints>
        <RowConstraints vgrow="ALWAYS" />
        <RowConstraints prefHeight="150" />
      </rowConstraints>
    </GridPane>
  </children>
</AnchorPane>

这会产生此处显示的布局，并展开以填充父窗格：

Answer 2

原来我要做的事情需要AnchorPane和GridPane。