Electron如何隐藏窗体的菜单栏（Menu）？

最新推荐文章于 2025-03-29 08:30:00 发布

蓝瓶的钙

最新推荐文章于 2025-03-29 08:30:00 发布

阅读量2.9w

点赞数 8

分类专栏： Electron 文章标签： electron

本文链接：https://blog.youkuaiyun.com/xx344879362/article/details/83759254

版权

Electron 专栏收录该内容

2 篇文章

订阅专栏

const electron = require('electron')
/*获取electron窗体的菜单栏*/
const Menu = electron.Menu
/*隐藏electron创听的菜单栏*/
Menu.setApplicationMenu(null)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蓝瓶的钙

关注关注

8
点赞
踩
5

收藏

觉得还不错? 一键收藏
5
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

隐藏 Electron 窗口的菜单栏

XwyMysql的博客

10-06

1436

在某些情况下，你可能希望隐藏 Electron 窗口的菜单栏，以便创建更简洁的用户界面。本文将介绍如何通过代码实现隐藏 Electron 窗口的菜单栏。以上代码将在创建 Electron 窗口时隐藏菜单栏，并在窗口关闭时重新显示菜单栏和 Dock 图标。希望这篇文章能帮助你隐藏 Electron 窗口的菜单栏。如果你有任何问题，请随时提问。首先，你需要在 Electron 应用程序的主进程中进行以下操作。请注意，这些代码应该在主进程中执行，而不是在渲染进程中执行。

Electron 隐藏顶部菜单栏

只会写bug

01-17

212

只需要在main.js中添加两行代码。

5 条评论您还未登录，请先登录后发表或查看评论

Electron 菜单系统深度解析：从基础到高级实践

最新发布

Yue

03-29

643

符合直觉的操作流程：通过科学的菜单结构设计高效的用户交互：利用快捷键和动态菜单优化专业的桌面体验：完善的平台适配和性能优化建议开发者定期查阅Electron 官方文档获取最新 API 信息，同时结合用户反馈持续优化菜单设计。在保持功能强大的同时，始终将用户体验放在首位，方能打造真正优秀的桌面应用程序。

electron 隐藏默认菜单

weixin_64684095的博客

01-06

233

【代码】electron 隐藏默认菜单。

electron某个窗口需要隐藏菜单栏

qq_35520046的博客

09-02

429

electron多个窗口中的某个窗口需要隐藏菜单栏 如何实现？

Electron 隐藏顶部菜单

weixin_59685936的博客

09-23

796

Electron 隐藏顶部菜单

electron隐藏默认菜单

放羊的小孩

08-18

4395

electron隐藏默认菜单

【 Electron 】怎样隐藏主菜单？

纠缠AI的亮子

07-16

1579

创建窗口的时候可以直接隐藏主菜单： mainWindow = new BrowserWindow({ autoHideMenuBar: true, }) 如果使用: mainWindow = new BrowserWindow({ frame: false, }) 这是创建一个无边框的窗口，主菜单没有了，标题栏、关闭按钮也没有了。 ...

html隐藏窗口栏,electron程序，如何隐藏窗体顶部菜单？

weixin_39662228的博客

06-03

1629

本博客不欢迎：各种镜像采集行为，请尊重知识产权法律法规。大家都是程序员，不要闹得不开心。在mac系统中，electron的菜单是和主窗口是分离的。所以对于主窗口来说，并没有太多视觉上的影响。而在win系统中，菜单和主窗体是连在一起，不可分割的。这个时候，这些菜单就显得有些多余。那么苏南大叔就再次diy一下，隐藏electron的菜单。electron程序，如何隐藏窗体顶部菜单？(图8-1)注意：...

【Electron-vue】创建桌面应用（13）- Electron应用隐藏到托盘

chenqk_123的专栏

10-19

2460

现在大多数的应用程序，在点击关闭的时候不会再任务栏显示，而是隐藏到托盘中，然后点击托盘中的程序图标，就会打开应用面板。 electron提供了一些插件来实现这种需求，主要是Tray, Menu这两个插件。由于代码比较少，所以就不啰嗦了 import { app, BrowserWindow, ipcMain, Tray, Menu } from 'electron' const path = require('path'); // 创建窗体 function createWindow() { /**

【Electron-vue】创建桌面应用（14）- 自定义Electron窗口

chenqk_123的专栏

10-20

3393

1.前言上次将项目向同事展示了一下，算是electron-vue的第一阶段调研。但是演示的时候却被各种否定，窗体比较大，而且设计不合理，布局方式不合理，等等等。由于在此之前没有做过这种客户端的形式，所以设计也是无从说起。于是经过一番的讨论，基本上确定了要做一个类似于QQ的客户端的产品，经过一番努力，终于搞得是差不多了，成品图如下：主要解决的问题舍弃electron自带的窗体，自定义窗体通过事件监听解决最小化和隐藏托盘的功能无窗体下的拖拽功能实现下面就开始我们的代码之旅。 2. 修改窗

MDI无菜单栏隐藏子窗体标题栏

11-21

c#MDI窗体打开子窗体，一般都会出现子窗体的标题栏，一般方法都是合并在MDI菜单栏中，该方法无需借助MDI菜单栏，直接隐藏子窗体标题栏

Electron笔记

weixin_68658847的博客

10-06

777

Electron笔记

【Electron】ELECTRON API DEMOS

includei的博客

01-14

605

Electron官网入门API，进行翻译并整理，官网链接：https://www.electronjs.org/。 ELECTRON API DEMOS 1 窗口 1.1 创建和管理窗口 Electron的BrowserWindow模块允许创建新的或管理已存在的浏览器窗口。 1.1.1 创建一个新的窗口 BrowserWindow模块能在app中创建一个新窗口，该主进程模块能够通过remote模块从渲染进程中使用，例如：渲染进程 const {BrowserWindow} = require('ele.

如何隐藏electron窗体的菜单栏

weixin_30335353的博客

06-21

3893

electron中默认带有顶部菜单栏，有时候我们的应用不需要。再main.js文件中设置 const electron = require('electron') const path = require('path') const url = require('url') let mainWindow const Menu = electron.Menu functi...

Vue electron 隐藏菜单(menu)

m0_53089439的博客

05-14

1183

Vue electron 隐藏菜单(menu)

隐藏electron窗体菜单栏的几种方式

Femi的博客欢迎大家

04-22

4948

方法1： const electron = require('electron') const Menu = electron.Menu function createWindow (){ Menu.setApplicationMenu(null) } 方法2： newBrowserWindow（{autoHideMenuBar： true}）方法3： newBrowserWindow（{frame:false}） ...

electron框架隐藏顶部菜单栏

李努力呀

09-27

1819

如图，只需要在main/index.js下添加这段代码即可mainWindow.setMenu(null)

Electron如何自定义菜单栏并隐藏调试

kerryqpw的博客

12-23

4833

Electron如何自定义菜单栏 Electron如果不自定义菜单栏的话，可以弹出代码调试，一般electron发布上线后需要对菜单栏进行隐藏。实现效果如下：实现方法： 1.引用Menu const {app, BrowserWindow,Menu} = require('electron') 2.创建Menu实例 var menu ...

electron去掉菜单栏

09-13

在Electron应用中去掉菜单栏，可以通过配置应用程序的菜单模板来实现。Electron使用`Menu`和`MenuItem`模块来创建和管理菜单。如果你想要创建一个没有菜单栏的应用程序，可以通过在应用程序的入口文件中设置一个空的菜单模板来达到这个目的。以下是一个如何在Electron中去掉菜单栏的基本示例： ```javascript const { app, BrowserWindow } = require('electron'); function createWindow() { // 创建浏览器窗口 let win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }); // 并且为你的应用加载index.html win.loadFile('index.html'); // 去掉菜单栏 win.setMenu(null); } app.whenReady().then(createWindow); ``` 在上面的代码中，`win.setMenu(null);` 这行代码就是关键所在，它会移除指定窗口的菜单栏。如果你想要移除所有窗口的菜单栏，可以将这段代码放在`app`的`ready`事件处理器中，这样即使后续创建了新的窗口，菜单栏也会是隐藏的。请注意，根据你的操作系统和Electron版本，去掉菜单栏的行为可能略有不同。在某些操作系统上，默认情况下可能会有系统菜单栏，而某些情况下你可能需要更明确地隐藏它。