javafxのGUI作成。animationとbuttonの共存方法

Question

animationを使い、動くタイトル画面を作成したのですが
先に作っていた２つのbuttonのゲームスタートボタンとルール説明画面が表示されなくなってしまいました。
両方を共存させる方法がありましたらお教え下さい。
よろしくお願い致します。

コード
import javafx.animation.Animation;
import javafx.animation.Transition;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.BorderPane;
import javafx.scene.text.Font;
import javafx.stage.Stage;
import javafx.util.Duration;

public class タイトルB extends Application{


	private Button bt1, bt2;

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

	@Override
	public void start(Stage stage) throws Exception {
		// TODO 自動生成されたメソッド・スタブ


		bt1 = new Button("ルール説明");
		bt2 = new Button("ゲームスタート");

		BorderPane bp = new BorderPane();


		bp.setBottom(bt1);
		bp.setCenter(bt2);

		bt1.setOnAction(new SampleEventHandler());

		stage.setTitle("五目並べ");
		stage.setWidth(300);
		stage.setHeight(200);

   //ここから下のanimation.play();までを消すとスタートとルール説明が表示されます。

		final String content = "五目並べ！！";
		final Label label = new Label("");
		label.setFont(new Font(30));
		label.setAlignment(Pos.CENTER);
		stage.setScene(new Scene(label));
		stage.show();

		final Animation animation = new Transition(){
			 {
				 setCycleDuration(Duration.millis(3000));
			 }

			 protected void interpolate(double frac) {
				 final int length = content.length();
				 final int n = Math.round(length * (float) frac);
				 label.setText(content.substring(0, n));
			 }
		};
		animation.play();



	}

	class SampleEventHandler implements
		EventHandler<ActionEvent>
	{
		public void handle(ActionEvent e)
		{
		Alert al = new Alert(Alert.AlertType.INFORMATION);
		al.setTitle("ルール説明");
		al.getDialogPane()
		.setHeaderText("                                       ルール説明\n１：五目並べのルール");
		al.show();

}
}
}

Answer 1

落ち着いてよくシーングラフを考えてみましょう。今のコードのシーングラフの階層は以下になってますよ？

Scene
  +- label

BorderPaneをシーングラフの中に含めてないので表示されないのです。本当は例えば以下のようにしたかったのではありませんか？

Scene
  +- BorderPane
        +-(top) Button (ゲームスタート)
        +-(center) label (アニメーションラベル)
        +-(bottom) Button (ルール説明)

Comments

[javasyosinnsya1]

1時間近く色々と試してみましたがやはり出来ませんでした…
回答を教えて下さりますと幸いでございます。

[KSwordOfHaste]

あらら・・・シーングラフが何かなどがまだ曖昧なようですね。

stage.setScene(new Scene(label));

上の行を

bp.setTop(label);
stage.setScene(new Scene(bp));

に置き換えてみてください。とりあえず２つのボタンとアニメーションラベルが全部表示されるはずです