3

我想要一个网格窗格布局，如附图所示。有人知道怎么做还是我使用了错误的布局？ 在此处输入图像描述

4

2 回答 2

6

您可以使用列和行约束来控制 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>

这将导致此处显示的布局，并展开以填充父窗格：

结果布局

于 2013-01-18T00:01:59.247 回答
0

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

于 2013-01-21T21:24:46.523 回答