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();
});
相关推荐
m0_6398171523 分钟前
基于springboot纺织品企业财务管理系统【带源码和文档】
java·服务器·前端
石小石Orz25 分钟前
qinkun的缓存机制也有弊端,建议官方个参数控制
前端
用户97141718142726 分钟前
Vue3实现拖拽排序
javascript·vue.js
用户40993225021233 分钟前
Vue浅响应式如何解决深层响应式的性能问题?适用场景有哪些?
前端·ai编程·trae
CC码码35 分钟前
重生之我在浏览器里“蹦迪”
前端·javascript·three.js
阡陌昏晨36 分钟前
H5性能优化-打开效率提升了62%
前端·javascript·vue.js
鹏北海37 分钟前
TypeScript 类型工具与 NestJS Mapped Types
前端·后端·typescript
烟袅37 分钟前
一文搞懂 CSS 定位:relative、absolute、fixed、sticky
前端·css
孟祥_成都37 分钟前
你离前端动画高手只差这个秘籍!GSAP ScrollTrigger 动画完全指南!(第一章)
前端·动效
小小前端_我自坚强38 分钟前
React 18 新特性深度解析
前端·javascript·react.js