苏南大叔的electron托盘图标的文章,已经写了很多篇了。不知道大家是不是对这个托盘图标的使用,有了比较深刻的认识了呢?在接下来本文的学习中,苏南大叔描述的依旧是electron的托盘图标。主要的文章切入点是:图标文件的设置及切换。

苏南大叔:electron程序,如何设置托盘按下样式?托盘图标切换方案 - electron-tray-switch
electron程序,如何设置托盘按下样式?托盘图标切换方案(图2-1)

本文测试环境:mac/electron@6.0.0。本文中<ico>字样,代表着图标的路径信息,它的基础路径以及真实文件名称,都存在着非常大的变数。不过这里,并不是本文的描述重点,大家可以阅读苏南大叔以前的相关博客文章,来确定<ico>的真正写法。

new Tray("<ico>")

electron程序中,是使用tray来初始化一个托盘图标的。在苏南大叔以前的文章中,相关的代码,已经多次进行了说明,相信大家会非常熟悉了。

基本的代码讨论是这样的:

// const {app, Menu, Tray} = require('electron')
const { Menu, Tray } = require('electron')
const path = require('path');
let tray = null
app.on('ready', () => {
  tray = new Tray("<ico>")
})

相关的注意事项,可以参考下面的文章:

结束语

本文中,涉及到了electron程序中,最普通的设置托盘图标的三种方式。适用的场景是不一样的,大家根据需求,各取所需吧。那么现在问题来了,哪里可以找到更好的electron相关经验文章呢?苏南大叔丢给了你一个链接:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron

本站的忠实读者小伙伴,正在阅读下面这些文章: