Electron 创建任务栏图标以及任务栏图标右键菜单

如果您想学Electron视频教程请访问：

【Electron视频教程下载地址】

 

Electron 创建任务栏图标以及任务栏图标右键菜单介绍，如下图所示就是任务栏图标

 

    

electron创建系统托盘，Electron 创建任务栏图标以及任务栏图标右键菜单代码如下所示，注意写到主进程里面

 

var { Menu, Tray,app,BrowserWindow } = require('electron');

const path = require('path');

var appIcon = new Tray(path.join(__dirname,'lover.png'));

const menu = Menu.buildFromTemplate( [

    {

        label: '设置',

        click: function () {} //打开相应页面

    },

    {

        label: '帮助',

        click: function () {}

    },

    {

        label: '关于',

        click: function () {}

    },

    {

        label: '退出',

        click: function () {

            // BrowserWindow.getFocusedWindow().webContents().send('close-main-window');

             app.quit();

        

        }

    }

])

appIcon.setToolTip('my best app');

appIcon.setContextMenu(menu);