在主fxml文件中加载fxml文件

Question

我有一个带有几个菜单的主fxml文件。 当用户单击某些按钮时，内容将发生更改，并且这些内容是加载在主屏幕上的单独的fxml文件。 整个场景不会改变，而只有一部分场景会改变。 这是我要制作的应用程序的简单原型！[在此处输入图像描述] [1]

https://www.dropbox.com/s/3nildyt004v32vc/fxml%20application.png

Answer 1

尝试这个..

    AnchorPane pane; // pane where fxml was showing
    menu1.setOnAction(new EventHandler<ActionEvent>() {
    @Override
    public void handle(ActionEvent t) {
        openNewWindow("m1.fxml");

    }
    });
    menu2.setOnAction(new EventHandler<ActionEvent>() {
    @Override
    public void handle(ActionEvent t) {            
        openNewWindow("m2.fxml");

    }});
    menu3.setOnAction(new EventHandler<ActionEvent>() {
    @Override
    public void handle(ActionEvent t) {            
        openNewWindow("m3.fxml");

    }
    }); 

函数openNewWindow

public void openNewWindow(String FXMLFile)
 {
     //ChildNode child;
    try {                    
        URL url = getClass().getResource(FXMLFile);
        FXMLLoader fxmlLoader = new FXMLLoader();
        fxmlLoader.setLocation(url);
        fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory());
        AnchorPane page = (AnchorPane) fxmlLoader.load(url.openStream()); 

        Pane.getChildren().clear();///name of pane where you want to put the fxml
        Pane.getChildren().add(page);
    } 
    catch (IOException e) {
        e.printStackTrace();
    }
 }