electron如何自定义应用托盘并且能够设置样式

要自定义 Electron 应用的托盘并设置样式，您可以使用 Electron 提供的 `Tray` 类和 `nativeImage` 模块。以下是一般的步骤：

1. 导入 Electron 模块：

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

2. 在主进程中创建一个新的托盘实例，并设置自定义图标和样式：

let tray = null;

app.whenReady().then(() => {
  const iconPath = 'path/to/icon.png'; // 替换为您的图标路径
  const image = nativeImage.createFromPath(iconPath);
  image.setTemplateImage(true); // 设置图标为模板样式，以适应不同系统

  tray = new Tray(image);
  tray.setToolTip('My Custom Tray'); // 设置鼠标悬停时显示的文本
  tray.setTitle('My Custom Tray'); // 设置托盘标题（仅在 macOS 上有效）

  // 可以通过设置托盘的背景色和前景色来自定义样式
  tray.setHighlightMode('always'); // 设置托盘一直高亮显示（仅在 macOS 上有效）
  tray.setTitleColor('#FFFFFF'); // 设置托盘标题颜色（仅在 macOS 上有效）

  const contextMenu = Menu.buildFromTemplate([
    { label: 'Item 1', type: 'normal' },
    { label: 'Item 2', type: 'normal' },
    { type: 'separator' },
    { label: 'Quit', type: 'normal', click: () => app.quit() }
  ]);
  tray.setContextMenu(contextMenu);
});

3. 在上述代码中，我们首先使用 `nativeImage.createFromPath` 方法从图标路径创建一个 `nativeImage` 对象。然后，通过 `setTemplateImage(true)` 方法将图标设置为模板样式，以适应不同的操作系统。

4. 如果您想自定义托盘的样式，可以使用 `setHighlightMode` 方法设置托盘高亮显示的模式（仅在 macOS 上有效），并使用 `setTitleColor` 方法设置托盘标题的颜色（仅在 macOS 上有效）。

通过以上步骤，您可以自定义 Electron 应用的托盘并设置样式。记得将 `'path/to/icon.png'` 替换为您自己的图标路径，并根据需要修改鼠标悬停时显示的文本、托盘标题和右键菜单等内容。