Electron自定义原生菜单

最新推荐文章于 2025-03-05 16:06:24 发布

YANGGEOL

最新推荐文章于 2025-03-05 16:06:24 发布

阅读量619

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_46253184/article/details/118635910

版权

前端专栏收录该内容

27 篇文章

订阅专栏

本文介绍如何使用Electron框架创建一个带有'设置'菜单，内含'新建窗口'选项，并设置全局应用菜单的示例。通过`Menu`模块和模板，展示了如何编写和测试一个简单的菜单系统。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义原生菜单

引入Menu

const { BrowserWindow, Menu } = require('electron')

编写代码

// 定义菜单模板
const template = [
    {
        label: '设置',
        submenu: [
            {
                label: '新建窗口',
                click() {
                    // 点击事件
                    new BrowserWindow({
                        width: 500,
                        height: 500
                    })
                }
            }
        ]
    },
    {
        abel: '关于'
    }
]
// 设置菜单
const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)