【JavaFX】上下左右中央にコントロールを配置する方法（BorderPane）| kitanote

JavaFXで上下左右中央にコントロールを配置する方法について記載します。

1. 上下左右中央にコントロールを配置する方法

BorderPaneを使用すると上下左右中央の場所を指定して、コントロールを配置することができます。

実行例

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class SampleBorder extends Application {

    @Override
    public void start(Stage pStage) throws Exception {

        /**
         * ボタンの定義
         */
        Button btnTop = new Button("上");
        btnTop.setPrefWidth(180);
        btnTop.setPrefHeight(50);

        Button btnRight = new Button("右");
        btnRight.setPrefWidth(60);
        btnRight.setPrefHeight(50);

        Button btnCenter = new Button("中央");
        btnCenter.setPrefWidth(60);
        btnCenter.setPrefHeight(50);

        Button btnLeft = new Button("左");
        btnLeft.setPrefWidth(60);
        btnLeft.setPrefHeight(50);

        Button btnBottom = new Button("下");
        btnBottom.setPrefWidth(180);
        btnBottom.setPrefHeight(50);

        /**
         * BorderPaneにボタンを追加
         */
        BorderPane borderPane = new BorderPane();
        borderPane.setTop( btnTop );
        borderPane.setRight( btnRight );
        borderPane.setCenter( btnCenter );
        borderPane.setLeft( btnLeft );
        borderPane.setBottom( btnBottom );

        pStage.setTitle("Sample Border");
        pStage.setScene( new Scene( borderPane ) );
        pStage.show();

    }

    public static void main(String[] args){

        Application.launch(args);

    }
}

import javafx.application.Application;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.layout.BorderPane;

import javafx.stage.Stage;

public class SampleBorder extends Application {

@Override

public void start(Stage pStage) throws Exception {

/**

* ボタンの定義

Button btnTop = new Button("上");

btnTop.setPrefWidth(180);

btnTop.setPrefHeight(50);

Button btnRight = new Button("右");

btnRight.setPrefWidth(60);

btnRight.setPrefHeight(50);

Button btnCenter = new Button("中央");

btnCenter.setPrefWidth(60);

btnCenter.setPrefHeight(50);

Button btnLeft = new Button("左");

btnLeft.setPrefWidth(60);

btnLeft.setPrefHeight(50);

Button btnBottom = new Button("下");

btnBottom.setPrefWidth(180);

btnBottom.setPrefHeight(50);

/**

* BorderPaneにボタンを追加

BorderPane borderPane = new BorderPane();

borderPane.setTop( btnTop );

borderPane.setRight( btnRight );

borderPane.setCenter( btnCenter );

borderPane.setLeft( btnLeft );

borderPane.setBottom( btnBottom );

pStage.setTitle("Sample Border");

pStage.setScene( new Scene( borderPane ) );

pStage.show();

}

public static void main(String[] args){

Application.launch(args);

}

setXXXメソッドを使用して、上下左右中央を指定

コントロールを配置する箇所は、BorderPaneクラスのsetXXXメソッドを使用して指定します。

setTop
上に表示するコントロールを指定します。

setRight
右に表示するコントロールを指定します。

setCenter
中央に表示するコントロールを指定します。

setLeft
左に表示するコントロールを指定します。

setBottom
下に表示するコントロールを指定します。

2. レイアウト一覧

1. 垂直方向にコントロールを配置する方法（VBox）

2. 水平方向にコントロールを配置する方法（HBox）

3. 左から右にコントロールを配置する方法（FlowPane）

4. 格子状にコントロールを配置する方法（GridPane）

5. 上下左右中央にコントロールを配置する方法（BorderPane）

6. 上下左右からの位置を指定してコントロールを配置する方法（AnchorPane）

7. コントロール幅を指定する setPrefWidth、setMaxWidth、setMinWidth の違い