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();
});
相关推荐
熊猫钓鱼>_>1 小时前
解决Web游戏Canvas内容在服务器部署时的显示问题
服务器·前端·游戏·canvas·cors·静态部署·资源路径
梦6501 小时前
React 封装 UEditor 富文本编辑器
前端·react.js·前端框架
Hao_Harrision1 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨ | DoubleClickHeart(双击爱心)
前端·typescript·react·tailwindcss·vite7
qq. 28040339841 小时前
react 编写规范
前端·react.js·前端框架
qq. 28040339841 小时前
react 基本语法
前端·react.js·前端框架
小程故事多_801 小时前
重读ReAct,LLM Agent的启蒙之光,从“空想”到“实干”的范式革命
前端·人工智能·aigc
懒人村杂货铺1 小时前
前端步入全栈第一步
前端·docker·fastapi
studyForMokey1 小时前
【跨端技术】React Native学习记录一
javascript·学习·react native·react.js
小码过河.2 小时前
vue-office使用指南
前端·javascript·vue.js
wuhen_n2 小时前
LeetCode -- 349. 两个数组的交集(简单)
前端·javascript·算法·leetcode