	ブログをはじめるログイン

2020年08月26日｜ 2020年08月27日｜2020年08月30日ブログトップ

TabPane　[JavaFX]

説明

タブの選択によってコンテンツを切り替える。

実装

TabPaneDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Orientation;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.FlowPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class TabPaneDemo extends Application {

    private static final double X_SIZE = 800;
    private static final double Y_SIZE = 500;

    @Override
    public void start(Stage stage) {
        TabPane pane = new TabPane();
        pane.setPrefSize(X_SIZE, Y_SIZE);

        Tab tab1 = new Tab();
        Tab tab2 = new Tab();
        Tab tab3 = new Tab();
        Tab[] tabs = new Tab[]{tab1, tab2, tab3,};

        tab1.setText("VBox");
        tab2.setText("FlowPane");
        tab3.setText("FlowPane_VERTICAL");

        VBox vbox = new VBox();
        vbox.setSpacing(10); // コントロール同士のスペースを確保

        FlowPane flowOfVertical = new FlowPane(Orientation.VERTICAL);
        flowOfVertical.setVgap(10); // コントロール同士のスペースを確保(垂直方向)

        tab1.setContent(addButtons(vbox));
        tab2.setContent(addButtons(new FlowPane()));
        tab3.setContent(addButtons(flowOfVertical));
        pane.getTabs().setAll(tab1, tab2, tab3);

        stage.setScene(new Scene(pane));
        stage.setTitle("TabPaneDemo");
        stage.show();
    }

    private Pane addButtons(Pane pane) {
        pane.setPadding(new Insets(30, 30, 30, 30));

        for (int i = 0; i < 10; i++) {
            pane.getChildren().add(new Button(String.format("Button%s", i + 1)));
        }
        return pane;
    }

    public static void main(String[] args) {
        launch(args);
    }
}