electron13 设置系统托盘
时间: 2023-10-01 07:07:50 浏览: 83
实现系统托盘效果
如何实现?
Electron13 可以使用 Tray 类来实现系统托盘的功能。具体实现方法包括以下步骤:
1. 在 main.js 文件中创建 Tray 对象:
```
const { Tray } = require('electron')
const path = require('path')
let tray = null
tray = new Tray(path.join(__dirname, 'icon.png'))
```
其中,`icon.png` 是一个图标文件,位于应用程序的根目录下。
2. 为系统托盘添加右键菜单:
```
const { Menu } = require('electron')
const contextMenu = Menu.buildFromTemplate([
{ label: '菜单项一', click: function () {} },
{ label: '菜单项二', click: function () {} }
])
tray.setContextMenu(contextMenu)
```
在这里,可以根据需要添加各种菜单项,并为每个菜单项指定单击事件的处理函数。
3. 实现系统托盘的单击事件:
```
tray.on('click', () => {
console.log('点击了系统托盘图标')
})
```
在这个示例中,点击系统托盘图标时将打印一条消息。
通过以上步骤,就可以在 Electron13 中实现系统托盘的功能了。
阅读全文