3

添付の画像のようなグリッドペインのレイアウトが必要です。誰かがこれを行う方法を知っていますか、それとも私は間違ったレイアウトを使用していますか? ここに画像の説明を入力してください

4

2 に答える 2

6

列と行の制約を使用して、GridPaneのさまざまな行と列がどのように成長するかを制御できます。

これを行う方法hgrowは、最初の列のプロパティをALWAYSに設定しvgrow、最初の行のプロパティをALWAYSに設定することです。これは、左上のセルが常に展開されることを意味します。他のセルを固定の幅/高さに設定するか、そうでない場合は内容に合わせて拡張し、それ以上は設定しません。

AnchorPane内にGridPaneがあり、AnchorPaneの上部、左下、右側に固定されたFXMLの例を含めました。これは、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 に答える