タイルペインの配置と構成

Question

図のようなタイルペインを作成しようと思っています。ボタンの番号は、1から3までにしたいのですがi=1にすると下記のようなエラーが出てしまいます。あと、文章をボタンの右に設置したいのですが、下に設置されてしまいます。どうすれば解決できますか？

Exception in Application start method
Exception in thread "main" java.lang.reflect.InvocationTargetException

プログラム

// Tile.java
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.TilePane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Tile extends Application {

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

	stage.setTitle("Tile");
	stage.setWidth(170);
	stage.setHeight(140);

	Label status = new Label();

	// ボタンを3個作る
	Button button[] = new Button[4];
	for (int i = 1; i < 4; i++) {
		button[i] = new Button("button " + Integer.toString(i));
		button[i].setPrefWidth(80);
		button[i].setPrefHeight(20);
		String txt = String.format("button %d がクリックされました", i);
		button[i].setOnAction(event -> status.setText(txt));
	}

	// TileFloePaneに配置する
	TilePane pane = new TilePane();
	pane.getChildren().addAll(button);

	VBox root = new VBox();
	root.getChildren().addAll(pane, status);

	stage.setScene(new Scene(root));
	stage.show();
}

}

Answer 1

ご存じの通り配列は0から始まります。
i=1としてしまうと、button[0]がnullになりaddAll(button)が失敗します。

forは普通に作り、"button " + (i + 1)と使うところでiに１を足しましょう。

文章をボタンの右に設置したい

VBoxは縦に並べます。HBoxにすれば横に並びます。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.HBox;
import javafx.scene.layout.TilePane;
import javafx.stage.Stage;

public class Tile extends Application {
    @Override
    public void start(Stage stage)  {

        stage.setTitle("Tile");
        stage.setWidth(300);
        stage.setHeight(150);

        Label status = new Label();
        status.setPadding(new Insets(10)); // ラベルの余白

        Button[] button = new Button[3];
        for (int i = 0; i < 3; i++) {
            button[i] = new Button("button " + (i + 1));
//            button[i].setPrefWidth(80);
//            button[i].setPrefHeight(20);
            String txt = String.format("button %d がクリックされました", i + 1);
            button[i].setOnAction(event -> status.setText(txt));
        }

        TilePane pane = new TilePane();
        pane.getChildren().addAll(button);
        pane.setPrefColumns(1); // 縦1列
        pane.setVgap(5); // ボタン間の隙間

        HBox root = new HBox(); // 横に並べるレイアウトペイン
        root.getChildren().addAll(pane, status);

        stage.setScene(new Scene(root));
        stage.show();
    }
}

縦1列に並べるだけだとあまりTilePaneの意味を感じませんが、これでいいのでしょうか？

---

縦1列ならVBoxでいいんじゃないかと思いましたが、（ウィンドウのリサイズ等で）TilePaneと同じ動作にしようとしたら1行増えてしまいました。。。
1列に並べるがサイズは同じにしたいのであれば、TilePaneで良いと思い直しました^^;

setPrefWidthをするならsetMinWidth・setMaxWidthがいらなくなって1行減らせます。
しかし何故setPrefWidthをコメント化したかですが、私の環境だとフォントの関係かボタンテキストが収まっていなかったからです。
推奨幅を入れなければテキストが収まるように自動計算されるので、環境に左右されなくなります。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Control;
import javafx.scene.control.Label;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Tile extends Application {
    @Override
    public void start(Stage stage) {

        stage.setTitle("Tile");
        stage.setWidth(300);
        stage.setHeight(150);

        Label status = new Label();
        status.setPadding(new Insets(10));

        Button[] button = new Button[3];
        for (int i = 0; i < 3; i++) {
            button[i] = new Button("button " + (i + 1));
//            button[i].setPrefWidth(80);
//            button[i].setPrefHeight(20);
            button[i].setMinWidth(Control.USE_PREF_SIZE); // 最小幅を推奨幅に（小さくなりすぎないように）
            button[i].setMaxWidth(Double.MAX_VALUE); // 最大幅を制限なしに（ほかのボタンのうち一番大きいものに合わせるように）
            String txt = String.format("button %d がクリックされました", i + 1);
            button[i].setOnAction(event -> status.setText(txt));
        }

        VBox pane = new VBox(); // 縦に並べるレイアウトペイン
        pane.getChildren().addAll(button);
        pane.setSpacing(5); // ボタン間の隙間

        HBox root = new HBox();
        root.getChildren().addAll(pane, status);

        stage.setScene(new Scene(root));
        stage.show();
    }
}

Comments

[tama_beginner]

回答していただきありがとうございます。おかげで上手くいきました。すみませんが、HBoxでの書き方もお願いします。

[TN8001]

> HBoxでの書き方
どういう意味でしょうか？

ボタンを横に並べるんですか？

root.getChildren().addAll(pane, status);
の説明が足りないという意味ですか？

[tama_beginner]

時間が空いてしまいすみません。もし、TilePane以外の書き方もあればそれを教えて頂けないでしょうか？

[TN8001]

> 縦1列に並べるだけだとあまりTilePaneの意味を感じませんが、これでいいのでしょうか？
ここへの返信だったんですね。
VBoxと書いてあれば分かったのですが、HBoxだったので？？となってしまいました^^;

引用文は、
・ほんとは（テンキーのように）もっとボタンが多いんじゃないか。
・縦1列ならVBoxでいいんじゃないか。
という疑問でした。

一応VBoxでの例を追記しますが、TilePaneで良いと思い直しました^^;

[tama_beginner]

丁寧に教えて頂きありがとうございます。ペインは目的に合わせてどのペインを使うかを変える必要がありますからね。分かりやすかったです。