web-dev-qa-db-ja.com

ペイン内にfxmlファイルを読み込む方法は?

enter image description here

Stageがある場合、Sceneには2 Panesが含まれ、最初のPaneにはButtonが含まれ、2番目のPaneは空2番目のPane内に他のfxmlファイルをロードできますか?

fxml1: VBox
               |_Pane1-->Button
               |_Pane2
///////////////
fxml2: Pane--> Welcome to fxml 2
"when we click the button load the fxml2 inside Pane2 of fxml1"

次にクリックした後

enter image description here


====試した後、これが最後に機能することがわかりました!====ありがとう

@FXML Pane secPane;
public void loadFxml (ActionEvent event) {
Pane newLoadedPane =        FXMLLoader.load(getClass().getResource("/application/fxml2.fxml"));
secPane.getChildren().add(newLoadedPane); 
}  
14
Hussein Saied

試してみて、やっとこの作品が見つかりました!

@FXML Pane secPane;
public void loadFxml (ActionEvent event)  {
  Pane newLoadedPane =  FXMLLoader.load(getClass().getResource("/application/fxml2.fxml"));
  secPane.getChildren().add(newLoadedPane);
}
15
Hussein Saied

コントローラークラスのフィールドを置き換えるだけでは、シーングラフは変更されません。

secPaneは、シーングラフ内のノードへの参照にすぎません。

secPaneが単なるプレースホルダーの場合は、親の子リストで置き換えることができます。

_public void loadFxml (ActionEvent event) {
    // load new pane
    Pane newPane = FXMLLoader.load(getClass().getResource("/application/Login2.fxml"));

    // get children of parent of secPane (the VBox)
    List<Node> parentChildren = ((Pane)secPane.getParent()).getChildren();

    // replace the child that contained the old secPane
    parentChildren.set(parentChildren.indexOf(secPane), newPane);

    // store the new pane in the secPane field to allow replacing it the same way later
    secPane = newPane;
}
_

もちろん、これはgetClass().getResource("/application/Login2.fxml")が正しいリソースを生成し、nullを返さないことを前提としています(これは、指定された名前のリソースが利用できない場合に発生します)。

4
fabian

あなたはこのようなものを実装することができます:

 public void start(Stage primaryStage) throws IOException {
            primaryStage.setTitle("Title");
            primaryStage.setScene(createScene(loadMainPane("path_of_your_fxml")));
            primaryStage.show();

    }

    private Pane loadMainPane(String path) throws IOException {
        FXMLLoader loader = new FXMLLoader();

        Pane mainPane = (Pane) loader.load(
                getClass().getResourceAsStream(path));

        return mainPane;
    }


    private Scene createScene(Pane mainPane) {
        Scene scene = new Scene(mainPane);
      return scene;
    }

次に、別のクラス呼び出しNavigationを作成して、すべてのfxmlパスを保存できます。

public class Navigator {

private final String P1;
private final String P2;
//then you can implement getters...
public String getP1() {
    return P1;
}

public String getP2() {
    return p2;
}

private static FxmlController Controller;

    public static void loadPane(String fxml) {
    try {
        FxmlController.setPane(
                (Node) FXMLLoader.load(Navigator.class.getResource(fxml)));
    } catch (IOException e) {
        e.printStackTrace();
    }
}

public Navigator() throws IOException {
    this.P1 = "p1.fxml";
    this.P2 = "p2.fxml";}

次に、以下のようにボタンにペインをロードできます。

@FXML
    private void btnAction(ActionEvent event) throws IOException {
    Navigator.load(new Navigator().getP1());
    ..

0
Madushan Perera