electron的托盘Tray

库库的写代码

已于 2024-06-27 09:04:08 修改

阅读量339

点赞数 4

分类专栏： electron 文章标签： electron 前端 javascript

于 2024-06-26 09:32:02 首次发布

本文链接：https://blog.csdn.net/weixin_45580774/article/details/139976798

版权

electron 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.在主进程文件background.js中引入需要的文件

import { Tray, Menu } from "electron";
const path = require("path");

2.获取托盘图标

const baseSRC = process.cwd(); //这里不能使用__dirname,使用dirname会直接获取dist_electron中的文件，我们需要的文件在public文件中
const filePath = path.join(baseSRC, "/public/favicon.ico");

3.创建tray

let tray = null;
app.on("ready", async () => {
  tray = new Tray(filePath);
  const contextMenu = Menu.buildFromTemplate([
    { label: "Item1", type: "radio" },
    { label: "Item2", type: "radio" },
    { label: "Item3", type: "radio", checked: true },
    { label: "Item4", type: "radio" },
  ]);
  tray.setToolTip("This is my application.");
  tray.setContextMenu(contextMenu);

  tray.on("click", () => {
    //给托盘绑定点击事件
  });
  createWindow();
});