给个javafx如何在controller中调用根布局容器增加子元素的demo

好的，下面是一个简单的 JavaFX 示例代码，演示了如何在 controller 中调用根布局容器增加子元素：

FXML 文件：

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

<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.control.Button?>

<AnchorPane fx:id="root" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/16" fx:controller="sample.Controller">
    <Button text="Add Child" onAction="#addChild"/>
</AnchorPane>

Controller 类：

package sample;

import javafx.fxml.FXML;
import javafx.scene.layout.AnchorPane;
import javafx.scene.shape.Rectangle;

public class Controller {
    @FXML
    private AnchorPane root;

    @FXML
    private void addChild() {
        Rectangle rect = new Rectangle(50, 50);
        root.getChildren().add(rect);
    }
}

在这个示例中，我们创建了一个名为 `root` 的 `AnchorPane`，并在其中添加了一个按钮。当按钮被点击时，`addChild` 方法会被调用，该方法会创建一个 `Rectangle` 并将其添加到 `root` 的子元素中。

希望这个示例能够帮助你理解如何在 controller 中调用根布局容器增加子元素。