如何通过控制器向多场景共享的JavaFX面板动态添加图形？

核心问题在于你当前的代码逻辑存在对象实例不匹配的问题：你在startButtonClicked中单独加载了graph_pane.fxml的一个实例并添加了Circle，但这个实例从未被加入到gamemode_select.fxml对应的场景中，实际显示的是gamemode_select里全新创建的graph_pane实例，自然看不到之前添加的元素。

以下是具体的修正步骤和代码：

1. 确保gamemode_select.fxml正确引入共享面板并关联控制器 #

假设你的gamemode_select.fxml已经通过fx:include引入了graph_pane.fxml，结构如下（需保证fx:id命名正确）：

<!-- gamemode_select.fxml -->
<AnchorPane xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml" fx:controller="your.package.GamemodeSelectController">
    <!-- 引入共享的graph_pane，fx:id为graphPane -->
    <fx:include source="graph_pane.fxml" fx:id="graphPane"/>
</AnchorPane>

2. 创建GamemodeSelectController获取子面板控制器 #

FXMLLoader会自动为fx:include的子组件生成控制器实例，命名规则为fx:id + "Controller"：

public class GamemodeSelectController {
    @FXML
    private GraphPaneController graphPaneController;

    // 提供外部获取子面板控制器的方法
    public GraphPaneController getGraphPaneController() {
        return graphPaneController;
    }
}

3. 修改MainMenuController的场景切换逻辑 #

直接加载gamemode_select.fxml，获取其中的graph_pane控制器再添加元素：

public class MainMenuController {
    public void startButtonClicked() throws IOException {
        // 加载gamemode_select场景的FXML
        FXMLLoader loader = new FXMLLoader(getClass().getResource("gamemode_select.fxml"));
        Parent gamemodeRoot = loader.load();
        
        // 获取gamemode场景的控制器，进而拿到共享面板的控制器
        GamemodeSelectController gmController = loader.getController();
        GraphPaneController gpController = gmController.getGraphPaneController();
        
        // 向实际会显示的共享面板添加元素
        gpController.addCircle();
        
        // 切换到gamemode_select场景
        Frontend.setRoot(gamemodeRoot);
    }
}

4. 修正Frontend中的场景管理问题 #

原代码中newScene未定义，需维护静态的主场景引用：

public class Frontend extends Application {
    private static Scene mainScene;

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage mainStage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("mainmenu.fxml"));
        mainScene = new Scene(root, 600, 400);
        mainStage.setScene(mainScene);
        mainStage.show();
    }

    public static void setRoot(Parent root) {
        mainScene.setRoot(root);
    }
}

5. 调整Circle的显示位置（可选） #

原代码中Circle的中心坐标为(0,0)，会导致只有一半显示在面板内，建议修改坐标：

public class GraphPaneController {
    @FXML Pane paneGraph;
    public void addCircle() {
        Circle circle = new Circle();
        circle.setFill(Color.RED);
        circle.setRadius(50);
        circle.setCenterX(100); // 调整到面板可见区域
        circle.setCenterY(100);
        paneGraph.getChildren().add(circle);
    }
}

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