JavaFX如何实现MenuBar菜单栏在所有Scene场景中全局显示

你现在的跳转逻辑是每次切页面就新建整个Scene替换窗口根节点，MenuBar只在初始主菜单场景的布局里加了，Credits场景的布局根本没放MenuBar，切过去自然看不到。而且反复新建Scene、新建MenuBar实例属于冗余操作，切换时容易闪烁，性能也差。

用固定根布局+动态替换内容区的方式实现：全程只创建一个Scene，根布局用BorderPane，顶部永久放置MenuBar，中间区域用来放各个页面的内容，跳转页面只替换中间区域的节点，完全不需要动顶部的MenuBar，自然所有页面都能显示菜单栏，也符合你要在HelloApplication里统一管理布局的需求。 #

代码修改步骤 #

1. 修正入口类结构 #

你原来把Main类写在HelloApplication内部会导致JVM找不到启动入口，直接把main方法放在HelloApplication里就行，在这里初始化全局唯一的根布局、场景，同时对外提供统一的页面切换方法：

import javafx.application.Application;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class HelloApplication extends Application {
    private BorderPane rootLayout;
    private Scene mainScene;

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

    @Override
    public void start(Stage primaryStage) {
        Stage window = primaryStage;
        // 初始化根布局
        rootLayout = new BorderPane();
        // 菜单栏只初始化一次，固定放在顶部
        MenuLeiste globalMenuBar = new MenuLeiste(this);
        rootLayout.setTop(globalMenuBar.getMenuBar());

        // 全局场景只创建一次
        mainScene = new Scene(rootLayout, 800, 600);
        // 默认加载主页面内容
        switchContent(new MainPage().getContent());

        window.setScene(mainScene);
        window.setTitle("Game Title");
        // 把当前应用实例存在窗口属性里，方便其他页面获取调用跳转方法
        window.setUserData(this);
        window.show();
    }

    /**
     * 全局页面切换方法，所有页面跳转都调用这个，仅替换中间内容区
     * @param content 目标页面的内容节点
     */
    public void switchContent(Node content) {
        rootLayout.setCenter(content);
    }
}

2. 重构MenuLeiste类 #

这个类只负责生成菜单栏、绑定菜单事件，不需要返回整个页面布局，跳转时直接调用主应用的switchContent方法，不用新建Scene：

import javafx.scene.control.Menu;
import javafx.scene.control.MenuBar;
import javafx.scene.control.MenuItem;

public class MenuLeiste {
    private final MenuBar menuBar;

    public MenuLeiste(HelloApplication app) {
        menuBar = new MenuBar();

        // 数据菜单
        Menu dataMenu = new Menu("数据");
        MenuItem exitItem = new MenuItem("退出");
        exitItem.setOnAction(e -> System.exit(0));

        // 附加功能菜单
        Menu extrasMenu = new Menu("附加功能");
        MenuItem creditsItem = new MenuItem("致谢");
        creditsItem.setOnAction(e -> app.switchContent(new Credits().getContent()));

        dataMenu.getItems().add(exitItem);
        extrasMenu.getItems().add(creditsItem);
        menuBar.getMenus().addAll(dataMenu, extrasMenu);
    }

    public MenuBar getMenuBar() {
        return menuBar;
    }
}

3. 抽离主页面类 #

原来你放在MenuLeiste里的主页面内容单独抽成MainPage类，只返回自身页面的内容即可，不需要处理菜单栏：

import javafx.scene.Node;
import javafx.scene.layout.VBox;

public class MainPage {
    public Node getContent() {
        VBox pageContent = new VBox(20);
        // 在这里添加主页面需要展示的按钮、文本等元素即可
        return pageContent;
    }
}

4. 修改Credits类 #

这个类同样只需要返回自身页面的内容，返回逻辑直接调用全局切换方法，不需要新建Scene、重复创建MenuBar：
注意删除你原来代码里导包行末尾多余的反引号，否则会编译报错

import javafx.scene.Node;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Credits {
    public Node getContent() {
        Label thankLabel = new Label("感谢所有参与制作的人员");
        Button backBtn = new Button("返回主菜单");

        backBtn.setOnAction(e -> {
            // 从当前按钮获取窗口实例，再拿到存在窗口里的应用实例，调用切换方法
            Stage window = (Stage) backBtn.getScene().getWindow();
            HelloApplication app = (HelloApplication) window.getUserData();
            app.switchContent(new MainPage().getContent());
        });

        VBox pageLayout = new VBox(20);
        pageLayout.getChildren().addAll(thankLabel, backBtn);
        return pageLayout;
    }
}

方案优势 #

• MenuBar全程只初始化一次，所有页面自动展示，不需要每个页面重复添加菜单栏代码
• 全局只创建一个Scene实例，页面切换无闪烁，性能更好
• 所有布局、跳转逻辑统一管控，后续新增页面只需要写对应页面的内容类，调用switchContent即可完成跳转，维护成本低

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