Loading new fxml in the same scene

by

Why your code does not work

The loader creates a new AnchorPane, but you never add the new pane to a parent in the scene graph.

Quick Fix

Instead of:

content = (AnchorPane) FXMLLoader.load("vista2.fxml");

Write:

content.getChildren().setAll(FXMLLoader.load("vista2.fxml"));

Replacing the content children with your new vista. The content itself remains in the scene graph, so when you set it’s children, you are also attaching them to the scene graph at the same time.

You might need to play around with layout (e.g. work with auto resizing layouts like StackPanes rather than AnchorPanes) to get the exact behaviour you want.

Rather than just adopting the quick fix, I would advise reviewing the simple framework linked below as that might provide you with a more general purpose mechanism to get the behaviour you want.

Reference FXML Navigation Framework

I created a small framework for swapping fxml controlled content panes in and out of a portion of the main scene.

The mechanism of the framework is the same as suggested in kithril’s answer.

  1. A main pane for the outer fxml acts as a holder for child panes.
  2. The main controller for the outer fxml supplies a public method that can be used to swap the child panes.
  3. A convenience navigator class is statically initialized with the main controller for the outer layout.
  4. The navigator provides a public static method to load a new child pane into the main container (by invoking a method on the main controller).
  5. Child panes are generated in the navigator by their respective fxml loaders.

Why a Framework

The framework seems like overkill for answering your question, and perhaps it is. However, I have found that the two most asked topic related to FXML are:

  1. Navigation between panes generated by FXML (this question).
  2. How to pass data between FXML controllers.

So I felt that a small demo framework was warranted for this case.

Sample Framework Output

The first screen shows the application layout displaying the first vista. The contents are a header which is defined in the main application layout and an aliceblue colored interchangable child content pane.

vista1

In the next screen, the user has navigated to the second vista, which retains the constant header from the main layout and replaces the original child pane with a new coral colored child content pane. The new child has been loaded from a new fxml file.

vista2

Looking for Something More Substantial?

A lightweight framework which is more extensive and better supported than the sample framework from this question is afterburner.fx.

Looking for Something Even Simpler?

Just swap out the scene root: Changing Scenes in JavaFX.

Other Options?

Animated Transitions and others: Switch between panes in JavaFX

More Related Contents:

  1. Passing Parameters JavaFX FXML
  2. Javafx – Can application class be the controller class
  3. Is @FXML needed for every declaration?
  4. JavaFx, Problems with @FXML
  5. One controller to 2 fxmls (JavaFX)
  6. how to make transparent scene and stage in javafx?
  7. Customize ListView in JavaFX with FXML
  8. FXMLLoader getController returns NULL?
  9. How to switch scenes in JavaFX
  10. How do I determine the correct path for FXML files, CSS files, Images, and other resources needed by my JavaFX Application?
  11. How to reference javafx fxml files in resource folder?
  12. Adding a custom component to SceneBuilder 2.0
  13. JavaFX correct scaling
  14. JavaFX-11 with VSCode
  15. Where has the JavaFX scene builder gone?
  16. How to create a modal window in JavaFX 2.1
  17. JavaFX Properties in TableView
  18. Mouse Events get Ignored on the Underlying Layer
  19. JavaFX module javafx.graphics
  20. Localdate.format, format is not applied
  21. JavaFX ComboBox change value causes IndexOutOfBoundsException
  22. getHostServices().showDocument() in a FXML File
  23. JavaFX, Label null pointer exception
  24. How to return value from a stage before closing it?
  25. can not resolve symbol “javafx.scene.web”
  26. How do I create a JavaFX transparent stage with shadows on only the border?
  27. Have multiple FXML files (created in SceneBuilder), but only one controller. Does each scene load it’s own copy of the controller?
  28. How do I show contents from the password field in javafx using checkbox [duplicate]
  29. Java FX fxml on Action
  30. How to create multiple javafx controllers with different fxml files?

Leave a Comment