JavaFXで作成した既存paneをScene Builderで作成したFXMLに埋め込みたい

Question

###目的
タイトルのとおり、JavaFX Scene Builderで作成したFXMLファイルのpaneに対して、JavaFXで作成した既存のpaneを埋め込みたいと考えています。

public class ItabashiNode extends Application {
	public static void main(String[] args) {
		launch(args);
	}

	@Override
	public void start(Stage stage) throws Exception {
		int n = 33;
		String[] NodeName = { "戸籍係", "住民台帳係", "住民異動係", "証明係", "交付・会計", "保険給付係", "国保収納係", "資格賦課係", "国民年金係", "国保年金課管理係",
				"子どもの手当医療係", "庶務係", "子ども政策課（子どもの手当医療係を除く）", "後期高齢医療制度課", "介護保険課", "板橋高齢者相談係", "長寿社会推進課", "入園事務係", "学事係",
				"学校保健係", "課税課1（申告）", "課税課2（軽自・証明）", "区民税相談", "障がい者支援係", "板橋福祉事務所（総合相談係）", "健康福祉センター", "生活衛生課", "地域振興係",
				"福祉係", "納税課", "健康推進課", "学校地域連携担当課（放課後対策）", "住宅政策課（住宅政策推進グループ）" };
		String[] NodeNumber = { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15",
				"16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32" };
		
		Label[] Number = new Label[n];
		Label[] window = new Label[n];
		FlowPane pane = new FlowPane();
		for (int i = 0; i < n; i++) {
			TextField field = new TextField(NodeNumber[i]);
			field.setPrefWidth(40);
			TextField field2 = new TextField(NodeName[i]);
			field2.setPrefWidth(250);
			pane.getChildren().addAll(field, field2);
		}

		Scene scene = new Scene(pane, 290, n * 25);
		stage.setScene(scene);
		stage.show();

	}
}

実行結果

の中にある、FlowPane丸々を、JavaFX Scene Builderで作成したPaneとして扱いたいのです。

###Scene Builderのソースコード

public class swingFX extends Application {
	public static void main(String[] args) {
		launch(args);
	}
	@Override
	public void start(Stage stage) {
		AnchorPane fxml;
		FXMLLoader loader = new FXMLLoader(getClass().getResource("test2.fxml"));
		try {
			fxml = loader.load();
		} catch (IOException ex) {
			Logger.getLogger(swingFX.class.getName()).log(Level.SEVERE, null, ex);
			System.out.println("FXMLロードエラー");
			return;
		}
		Scene scene = new Scene(fxml);
		stage.setScene(scene);
		stage.show();
	}
}

実行結果

拙文ですがよろしくお願いします。

情報の追加：test2.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.BorderPane?>

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <BorderPane prefHeight="400.0" prefWidth="400.0">
         <right>
            <Label text="橙色の所に上記paneをあてはめたい→ " BorderPane.alignment="CENTER" />
         </right></BorderPane>
      <BorderPane layoutX="398.0" prefHeight="400.0" prefWidth="208.0" style="-fx-background-color: FF9300;" />
   </children>
</AnchorPane>

あとあればfx:controller=がさすjavaのクラスもお願いします

すみませんが、ありません。
作ったファイルは、
src/application/ItabashiNode.java
src/application/swingFX.java
src/application/test2.fxml
の3点となります。

controllerクラスは作っていません。

Comments

[tignear]

test2.fxmlもお願いします
マークアップはXMLを使えばいいかな?
あとあればfx:controller=がさすjavaのクラスもお願いします

[fufun]

コメントありがとうございます。
編集完了しました。fx:controller=が指すcontrollerは作成していません。
よろしくお願いします。

[tignear]

素晴らしい回答が
修正依頼出したのに遅くなってすいません・・

[fufun]

いえいえ、とんでもございません。
JavaFXはFXMLの範囲に入ってくると途端に情報が少なくなりますね。scene builderもオープンソース化されたので、もう少ししたらFXMLに触れてる参考書も出てくるかもしれませんが…
お力添え感謝します。

Answer 1

まず、Javaのコードはこんな感じで。
ここではswingFX自体をコントローラーとして扱います。
橙色のPaneを@FXMLアノテーションでマッピングし、initialize()メソッドで橙色のPaneに自作したPaneを埋め込みます。
initialize()メソッドを使用するには、implements Initializableの追加が必要になります。

import java.io.IOException;
import java.net.URL;
import java.util.ResourceBundle;
import java.util.logging.*;
import javafx.application.Application;
import javafx.fxml.*;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public final class swingFX extends Application implements Initializable {

    @FXML
    BorderPane pane2;

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

    @Override
    public void start(Stage stage) {
        AnchorPane fxml;
        FXMLLoader loader = new FXMLLoader(getClass().getResource("test2.fxml"));
        try {
            fxml = loader.load();
        } catch (IOException ex) {
            Logger.getLogger(swingFX.class.getName()).log(Level.SEVERE, null, ex);
            System.out.println("FXMLロードエラー");
            return;
        }
        Scene scene = new Scene(fxml);
        stage.setScene(scene);
        stage.show();
    }

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        FlowPane pane = new FlowPane();
        // 既存のPaneを生成
        pane2.setCenter(pane);
    }

}

FXMLは、トップ要素のAnchorPaneにfx:controller="local.swingFX"を追加して、橙色のPaneには@FXMLで指定したBorderPaneフィールドとfx:idを指定してマッピングします。
これはScene Builderからでも設定できます。操作方法は調べてみて下さい。

<!-- ID指定箇所以外は省略 -->
<AnchorPane fx:controller="swingFX">
   <children>
      <BorderPane>
      <BorderPane fx:id="pane2" />
   </children>
</AnchorPane>

Comments

[fufun]

迅速で正確なお答えありがとうございます！おかげで解決できました！
解かりづらいクラス名等で申し訳ございませんでした。
なるほどinitialize()メソッドで埋め込めば良いのですね。
メインメソッドがあるクラスをコントローラとして扱う事もできるのですね、勉強になりました。