【Electron】Electron开发入门（八）：自定义electron框架外壳（shell）的菜单（Menu）

2016-10-27

字数统计: 130 | 阅读时长≈ 1 分钟

1.自定义electron框架外壳（shell）的菜单（Menu）

electron的main.js里代码：

const Menu = require('electron').Menu;
var template = [
  {
    label: '关闭',
    click: function () { win.close();console.log("关闭")},
    // submenu: [
    //   {
    //     label: 'Undo',
    //     accelerator: 'CmdOrCtrl+Z',
    //     role: 'undo'
    //   }
    // ]
  }]
var menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu);

效果如图：

2.更多菜单样式，鼠标事件关联，请参考Electron Menu API 简体中文版

3.在webview的html添加electron shell 的菜单的教程

Donate

版权声明： 本博客所有文章除特别声明外，著作权归作者所有。转载请注明出处！