JavaFx将其他FXML加载到FXML“模板”中

Question

我需要创建许多不同的FXML文件，并且每个文件都具有一致的布局。 每个都将具有一个AnchorPane，它将保存单独的内容。

有没有办法加载“基本” FXML文件，然后加载第二个FXML文件，并将该数据路由到第一个文件中？

例如，FXML＃1具有BorderPane。 FXML＃2具有按钮，texfield，标签等。如何加载＃1，然后作为＃1的子代加载＃2？

Answer 1

您可以使用<fx:root>元素允许您向现有元素添加一些内容。

你需要一种方式来获得该应作为根元素节点的引用，并把它传递给FXMLLoader加载第二FXML时。 您可以例如使用名称空间通过fx:id属性获取该元素：

@Override
public void start(Stage primaryStage) throws IOException {
    FXMLLoader outerLoader = new FXMLLoader(getClass().getResource("outer.fxml"));

    Scene scene = new Scene(outerLoader.load());

    URL inner = getClass().getResource("inner1.fxml");
    // URL inner = getClass().getResource("inner2.fxml");

    FXMLLoader innerLoader = new FXMLLoader(inner);

    // get insertion point from outer fxml
    innerLoader.setRoot(outerLoader.getNamespace().get("insertionPoint"));

    innerLoader.load();

    primaryStage.setScene(scene);
    primaryStage.show();
}

outer.fxml

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

<?import javafx.scene.layout.*?>

<AnchorPane prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <BorderPane AnchorPane.topAnchor="10"  fx:id="insertionPoint"/>
    </children>
</AnchorPane>

inner1.fxml

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

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<fx:root type="javafx.scene.layout.BorderPane" xmlns:fx="http://javafx.com/fxml/1">
    <center>
        <Label text="Hello from inner 1."/>
    </center>
</fx:root>

inner2.fxml

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

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<fx:root type="javafx.scene.layout.BorderPane" xmlns:fx="http://javafx.com/fxml/1">
    <center>
        <Label text="Greetings from inner 2."/>
    </center>
</fx:root>

Answer 2

或者您实际上可以包括这样的模板文件

<fx:include source="../templates/my_template.fxml"/>