Electron设置桌面托盘
时间: 2024-03-20 20:43:59 浏览: 166
在Electron中,你可以使用`Tray`模块来创建和管理系统托盘图标。
以下是一个简单的例子,演示如何在Electron应用程序中创建一个系统托盘:
```javascript
const { app, Tray, Menu } = require('electron')
const path = require('path')
let tray = null
app.whenReady().then(() => {
tray = new Tray(path.join(__dirname, 'icon.png'))
const contextMenu = Menu.buildFromTemplate([
{ label: 'Item 1', type: 'normal' },
{ label: 'Item 2', type: 'normal' },
{ label: 'Item 3', type: 'normal' },
{ label: 'Quit', type: 'normal', click: () => app.quit() }
])
tray.setToolTip('My App')
tray.setContextMenu(contextMenu)
})
```
在上面的例子中,我们使用了`Tray`模块创建了一个系统托盘图标,并将图标设置为`icon.png`。然后,我们使用`Menu`模块创建了一个上下文菜单,并将其设置为系统托盘的右键菜单。最后,我们使用`setToolTip`方法设置了系统托盘的提示文本。
当你运行这个例子时,你将看到一个系统托盘图标出现在你的操作系统的任务栏中。当你右键单击图标时,将弹出上下文菜单。
需要注意的是,当你的应用程序退出时,你需要使用`tray.destroy()`方法来销毁系统托盘图标。这样可以确保在退出应用程序时,系统托盘图标也会被清除。
```javascript
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
tray.destroy() // 销毁系统托盘图标
})
```
阅读全文