Electron：将应用程序图标添加到任务栏的右下角

Question

我刚刚开发了一个 electron 应用程序，使用建议在任务栏的右下角添加一个图标以轻松打开并访问它。 我想在下图中的区域添加一个图标：

我查看了 electron文档，但找不到任何东西。

这可能吗？如果可以，怎么办？

Answer 1

该区域称为“系统托盘”，您可以使用 Electron 的托盘 API 为您的 electron 应用程序添加系统托盘图标。 您可以在此处找到Tray class 的文档，也可以查看本教程。

Answer 2

// Electron 任务栏

const {app, Tray, Menu} = require('electron')

app.on('ready', () => {
  tray = new Tray(path.join(__dirname, 'icon/favicon.ico'))

  if (process.platform === 'win32' ) {
    tray.on('click', tray.popUpContextMenu)
  }

  const menu = Menu.buildFromTemplate ([
    {
      label: 'Exit',
      click() { app.quit()}
    },

    {  label: 'Help',
    click() { null; }}
  ])

  tray.setToolTip('AppName')
  tray.setContextMenu(menu)
})