美文网首页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