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

Question

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

我查看了 electron docs 但没有找到任何东西。

这可能吗？如果可能的话怎么办？

Answer 1

该区域称为 "system tray"，您可以使用 Electron 的托盘 API 为您的 Electron 应用程序添加系统托盘图标。您可以找到 documentation for the Tray class here and may also take a look at this tutorial.

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)
})

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

Electron: Add app icon to bottom right of the taskbar

javascript

windows

taskbar

node.js

electron