美文网首页Show Me The Code
Electron 自定义窗口菜单

Electron 自定义窗口菜单

作者: Quincy_X | 来源:发表于2017-08-16 15:03 被阅读351次

    在electron的index.js中
    import { Menu } from 'electron'
    然后添加菜单内容

    let template = [
      {
        label:'菜单1'
      },
      {
        label:'菜单2',
        submenu: [{
          label: '最小化',
          accelerator: 'CmdOrCtrl+M',
          role: 'minimize'
        }, {
          label: '关闭',
          accelerator: 'CmdOrCtrl+W',
          role: 'close'
        }, {
          type: 'separator'
        }, {
          label: '重新打开窗口',
          accelerator: 'CmdOrCtrl+Shift+T',
          enabled: false,
          key: 'reopenMenuItem',
          click: function () {
            app.emit('activate')
          }
        }]
      },
      {
        label:'菜单3'
      }
    ]
    

    app.on('ready')的回调里添加

      let menu = Menu.buildFromTemplate(template)
      Menu.setApplicationMenu(menu)
    

    自动隐藏菜单栏(按alt键显示)

    new BrowserWindow中添加autoHideMenuBar : true

    相关文章

      网友评论

        本文标题:Electron 自定义窗口菜单

        本文链接:https://www.haomeiwen.com/subject/appirxtx.html