electron--Tray添加图标和上下文菜单到系统通知区(系统托盘)

const { app, Menu, Tray } = require('electron');
  //系统托盘图标目录
appTray = new Tray(path.join(__dirname, 'app1.png'));

  //设置此托盘图标的悬停提示内容
  appTray.setToolTip('预审');

  //设置托盘图标的上下文菜单(系统托盘右键菜单)
  var trayMenuTemplate = [
    {
      label: '显示/隐藏',//设置单个菜单项名称
      icon:__dirname+"/concle.png",//设置单个菜单项图标
      click: function () {//设置单个菜单项点击事件
        return mainWindow.isVisible() ? mainWindow.hide() : mainWindow.show();
      } //打开相应页面
    },
    {
      label: '退出',
      click: function () {
        //ipc.send('close-main-window');
        app.quit();
      }
    }
  ];
  const contextMenu = Menu.buildFromTemplate(trayMenuTemplate);
  //设置此图标的上下文菜单
  appTray.setContextMenu(contextMenu);
//

 

 
//托盘的点击事件
  appTray.on('click',(e,a)=>{
      //return mainWindow.isVisible() ? mainWindow.hide() : mainWindow.show();//我们可以设置托盘点击时打开或者关闭窗口
      mainWindow.webContents.send('trayIconClick');//我们也可以设置点击图标时我们向渲染进程发送异步消息等等
  });

 

posted @ 2019-08-12 10:19  指尖下的世界  阅读(3189)  评论(1编辑  收藏  举报
/* 看板娘 */ /*炸泡*/
/* 鼠标点击求赞文字特效 */