JavaFX动态向FlowPane添加组件后界面无更新问题

每次触发按钮点击的refreshCategories方法时，你都新建FXMLLoader加载了一份全新的、未挂载到当前显示场景图的categoryPane.fxml视图副本。你执行添加按钮操作的FlowPane属于这个没被显示的副本，用户当前看到的界面上的FlowPane从始至终都没被修改过，自然不会显示新增按钮。
简单说就是你改的是个没放到界面上的独立组件副本，和用户看到的界面完全没关系。

根据你的业务场景二选一即可：

• 如果你打开界面时categoryPane.fxml就已经显示在页面上：不要在点击事件里重复加载FXML，提前持有当前界面上已挂载的CategoryPaneController实例引用，点击时直接调用这个实例的setCategories方法即可。
• 如果你需要点击按钮时才动态加载分类面板：加载完FXML后，必须把loader.load()返回的视图根节点添加到当前显示的布局容器中，否则新加载的节点永远不会出现在界面上。

代码调整示例 #

场景1：分类面板已提前显示在界面 #

首先给AddCategoryController增加持有分类面板控制器的属性，在主界面初始化时把已加载的分类面板控制器传入：

public class AddCategoryController implements Initializable {

    @FXML
    private Pane addCategoryPane;
    // 持有当前界面已显示的分类面板控制器引用
    private CategoryPaneController categoryPaneController;

    @Override
    public void initialize(URL url, ResourceBundle rb) {
    }    

    // 供主控制器传入已挂载到界面的分类面板控制器
    public void setCategoryPaneController(CategoryPaneController controller) {
        this.categoryPaneController = controller;
    }

    @FXML
    private void refreshCategories(ActionEvent event) throws IOException {
        // 直接操作已显示的控制器，不要重复加载FXML
        String[] labels = {"categoria3", "categoria4"};
        categoryPaneController.setCategories(labels);
    }
}

场景2：点击按钮才加载分类面板 #

加载完成后必须把视图节点添加到当前显示的容器中：

@FXML
private void refreshCategories(ActionEvent event) throws IOException {
    FXMLLoader loader = new FXMLLoader(getClass().getResource("/view/categoryPane.fxml"));
    // 获取加载出的视图根节点
    ScrollPane categoryView = loader.load();
    CategoryPaneController cat = loader.getController();
    String[] labels = {"categoria3", "categoria4"};
    cat.setCategories(labels);
    // 关键步骤：把加载出的视图添加到当前显示的布局里
    addCategoryPane.getChildren().add(categoryView);
}

补充说明 #

• 每次调用FXMLLoader.load()都会生成一套完全独立的视图节点和控制器实例，和之前加载过的同路径FXML实例没有任何关联，对新实例的修改不会影响已经显示在界面上的旧实例。
• 你的按钮点击回调本身运行在JavaFX应用线程上，组件更新的线程环境没有问题，不需要额外做线程切换。

内容的提问来源于stack exchange，提问作者NaN