【Electron Playground 系列】托盘篇_托盘electron-linux-tray --save-优快云博客

本文链接：https://blog.youkuaiyun.com/xiaoheibanfe/article/details/110870873

本文介绍了如何在Electron应用中创建和设置托盘，包括显示未读消息数、图标闪动和双击显示隐藏界面等功能。通过设置托盘属性和响应事件，可以为用户提供系统托盘交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：梁棒棒

托盘虽小，作用不小。它是你的应用正在操作系统运行的标识，它可以通知你有新消息，可以唤醒应用界面，可以设置上下文（右键）菜单设置更多的功能等。下面我们就来一一实现这些功能，要在主进程进行操作。

首先来创建一个托盘图标，简单三步即可：

代码也很简单：

const { Tray } = require('electron')
const path = require('path')

const icon = path.join(__dirname, '你的图片路径')
new Tray(icon)

一个系统托盘就会被创建出来。很简单对不对，但是这个图标现在还没有任何功能，接下来我们为图标添加一些属性和事件。

为tray实例设置一些属性和事件，包括上下文菜单、鼠标移入文字。详细文档点击这里。

这里我们为tray设置灵活图标，让它可以根据系统主题显示不同的图标；再设置一个鼠标移入图标的时候会显示的提示文字，最后为它