electron的托盘Tray

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

bash 复制代码
import { Tray, Menu } from "electron";
const path = require("path");

2.获取托盘图标

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

3.创建tray

bash 复制代码
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();
});
相关推荐
Mintopia几秒前
世界头部大厂的研发如何使用 AI-Coding?
前端
wuhen_n1 分钟前
响应式图片的工程化实践:srcset与picture
前端·javascript·vue.js
学博成3 分钟前
centos7.9 安装 Firefox
前端·firefox
专注VB编程开发20年3 分钟前
VS2026调试TS用的解析/运行引擎:确实是 ChakraCore.dll(微软自研 JS 引擎)
开发语言·javascript·microsoft
wuhen_n4 分钟前
CDN图片服务与动态参数优化
前端·javascript·vue.js
郝学胜-神的一滴6 分钟前
深入理解Python生成器:从基础到斐波那契实战
开发语言·前端·python·程序人生
初级见习猿工7 分钟前
使用pdfjs-dist在Vue 3中实现PDF文件浏览器预览
javascript·vue·pdfjs-dist
吴声子夜歌12 分钟前
JavaScript——异常处理
开发语言·javascript·ecmascript
Mintopia16 分钟前
为什么要有 Neovate Code?
前端
IT_陈寒21 分钟前
SpringBoot 项目启动慢?5 个提速技巧让你的应用快如闪电 ⚡️
前端·人工智能·后端