一、在入口文件electron.js中引入Tray
, Menu
, nativeImage
文章来源:https://www.toymoban.com/news/detail-524384.html
const { app, BrowserWindow, Tray, nativeImage, Menu, ipcMain } = require('electron');
二、在初始化完成后添加图片文章来源地址https://www.toymoban.com/news/detail-524384.html
app.whenReady().then(() => {
//上面创建窗体代码省略
let mainWindow = createWindow()
const icon = nativeImage.createFromPath(path.join(__dirname, 'favicon.ico'))
let tray = new Tray(icon)
const contextMenu = Menu.buildFromTemplate([
{ label: '主界面', type: 'normal' ,click:(menuItem, browserWindow, event)=>{
mainWindow.show()
}},
{ label: '退出', type: 'normal' ,click:(menuItem, browserWindow, event)=>{
app.quit();
} },
])
tray.setContextMenu(contextMenu)
tray.setToolTip('定时休息')
//托盘双击
tray.on('double-click', (event) => {
mainWindow.show()
})
//tray.setTitle('定时休息')
});
到了这里,关于Electron 系统托盘图标的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!