electron使用Tray模块设置托盘图标、提示文字和右键菜单的方法

主进程中使用Menu和Tray模块创建

官方API链接https://www.electronjs.org/zh/docs/latest/api/tray
const { app, BrowserWindow,Menu, Tray } = require("electron");
let win = null;
app.on("ready", function () {
  console.log("app:ready");
  win = new BrowserWindow({
    width: 300,
    height: 300,
    show: false,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
    },
    frame: false,
  });
  win.loadFile("./index.html");
  win.once("ready-to-show", function () {
    win.show();
  });
//设置一个菜单列表模板
  const trayMenuTemplate = [
    {
      label: "退出",
      click: () => {
        app.quit();
      },
    },
  ];
//使用Menu模块创建
  const buildTrayMenu=Menu.buildFromTemplate(trayMenuTemplate )
//创建托盘
  const tray = new Tray("./video.png");
//设置托盘的菜单
  tray.setContextMenu(buildTrayMenu)
//设置托盘悬停时的提示文字
  tray.setToolTip('KXKY录屏')
});

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注