electron 任务栏图标
时间: 2023-08-02 21:05:56 浏览: 211
要在 Electron 应用程序中添加任务栏图标,可以使用 `Tray` 类。首先需要在应用程序的主进程中创建一个 `Tray` 对象,然后设置该对象的图标和上下文菜单(可选)。下面是一个简单的示例:
```javascript
const { app, Tray, Menu } = require('electron')
let tray = null
app.on('ready', () => {
tray = new Tray('path/to/icon.png')
const contextMenu = Menu.buildFromTemplate([
{ label: 'Item 1', type: 'radio' },
{ label: 'Item 2', type: 'radio' },
{ label: 'Item 3', type: 'radio', checked: true },
{ label: 'Item 4', type: 'radio' }
])
tray.setToolTip('This is my application.')
tray.setContextMenu(contextMenu)
})
```
在上面的示例中,我们创建了一个 `Tray` 对象,并设置了它的图标和上下文菜单。`setToolTip` 方法用于设置鼠标悬停在任务栏图标上时显示的提示信息。
需要注意的是,在应用程序退出时需要销毁 `Tray` 对象,否则会导致内存泄漏。可以在 `before-quit` 事件中调用 `tray.destroy()` 方法来销毁 `Tray` 对象。
阅读全文