如何将两个JavaFX Scene合并到同一Stage并实现并排显示？

嘿，我来帮你搞定这个问题！首先得明确一个核心规则：JavaFX的Stage只能绑定一个Scene，所以没法直接给它同时分配两个Scene。不过要实现计算器和时钟左右并排的需求其实很简单——咱们不用新建两个Scene再合并，而是把两个功能的核心布局组件合并到一个新的Scene里就行，完全不用依赖Scene Builder。

具体实现思路 #

核心思路是把原来两个Scene对应的根布局（比如VBox、StackPane这类容器）提取出来，放到一个水平布局容器（HBox）中，再用这个组合后的容器创建新的Scene，最后把这个新Scene设置给Stage就搞定了。

代码示例 #

假设你已经有了实现计算器和时钟的代码（分别返回它们的根布局组件），可以按照下面的方式合并：

第一步：保留原有功能的根布局实现

// 你已有的计算器根布局创建方法
private Parent createCalculatorRoot() {
    VBox calculatorContainer = new VBox(5);
    // 这里添加计算器的显示屏、按钮等组件，比如：
    calculatorContainer.getChildren().add(new Label("计算器显示屏"));
    calculatorContainer.getChildren().add(new Button("1"));
    calculatorContainer.getChildren().add(new Button("2"));
    // 更多计算器组件...
    return calculatorContainer;
}

// 你已有时钟根布局创建方法
private Parent createClockRoot() {
    StackPane clockContainer = new StackPane();
    Label clockLabel = new Label("12:00:00");
    // 这里可以添加时钟的更新逻辑，比如用Timeline实时刷新时间
    clockContainer.getChildren().add(clockLabel);
    return clockContainer;
}

第二步：合并布局并创建新Scene

在start方法里把两个根布局组合到一起：

@Override
public void start(Stage primaryStage) {
    // 获取两个功能的根布局
    Parent calculatorRoot = createCalculatorRoot();
    Parent clockRoot = createClockRoot();

    // 创建水平布局容器，设置组件间距（这里是10px）
    HBox mainContainer = new HBox(10);
    // 将计算器和时钟的根布局加入容器
    mainContainer.getChildren().addAll(calculatorRoot, clockRoot);

    // 可选：设置容器的偏好大小，让界面更规整
    mainContainer.setPrefSize(800, 600);
    // 可选：让两个组件在容器中居中对齐
    mainContainer.setAlignment(Pos.CENTER);

    // 创建新的Scene，以组合后的容器为根节点
    Scene combinedScene = new Scene(mainContainer);

    // 配置Stage并显示
    primaryStage.setTitle("计算器 + 时钟");
    primaryStage.setScene(combinedScene);
    primaryStage.show();
}

额外注意事项 #

• 如果原来的两个Scene有自定义样式表，记得把样式表添加到对应的根布局上，比如calculatorRoot.getStylesheets().add("你的计算器样式路径.css");，避免样式丢失。
• 可以根据需求调整HBox的属性，比如设置Hgrow让其中一个组件占更多空间：HBox.setHgrow(calculatorRoot, Priority.ALWAYS);，这样计算器会自动填充多余的水平空间。

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