企业资讯
抖音刷双击平台免费,快手刷双击平台网址,20个精准吸粉的方法
自助下单地址(拼多多砍价,ks/qq/dy赞等业务):点我进入
electron程序,如何仿QQ实现托盘图标闪烁功能? 在这篇文章中,苏南大叔描述了这个需求的解决方案。 其中,涉及到图标切换的问题,还涉及到一个setInterval的使用。 所以这篇文章其实有些水,涉及的知识点也很简单。 看完内容大家就会恍然大悟了。 原来这么简单……
electron程序,如何仿QQ实现托盘图标闪烁功能? (图 2-1)
本文测试环境:mac,electron@6.0.0。 这篇文章说的是托盘图片的闪烁,不是任务栏图标的闪烁。 闪烁的任务栏图标文件,请参考以下链接:
托盘图标闪烁(切换)
托盘图标切换的基本原理可以参考以下文章:
它的核心代码是:
tray.setImage("");
请自己替换单词。 具体路径问题可以参考之前的文章:
因此,该需求的功能实现代码示例如下。
var count = 0;
var _switch_ = setInterval(function() {
if (count++ % 2 == 0) {
tray.setImage(path.join(__dirname, './img/tray.png'));
} else {
tray.setImage(path.join(__dirname, './img/tray_2.png'));
}
}, 500);
上面的代码很简单,就是用setInterval()每隔500毫秒切换一次tray.setImage("")的图标文件。
注意:路径路径路径! 例子中写__dirname并不代表__dirname也适合你。 请根据实际情况修改! 结束托盘图标闪烁(切换)
结束托盘图标的切换功能也很简单。 其实就是清除Interval对象。 在这篇文章中,这个对象是_switch_。 所以动作代码是:
clearInterval(_switch_);
但是,有一点需要注意:因为clearInterval()的时序,当图标切换结束时,并不能确定图标最终会切换到哪个状态。 因此,最安全的解决方案是在 clearInterval() 之后再次调用 tray.setImage("") 来重置图标。
示例代码如下:
clearInterval(ico_swith);
tray.setImage(path.join(__dirname, './img/tray.png'));
最终代码
最终示例代码如下:
newsn.net:这里是【评论】可见内容
electron程序,如何仿QQ实现托盘图标闪烁功能? (图 2-2)
这段代码的主要作用是在500毫秒后每隔500毫秒切换electron程序的托盘图标。 然后3500毫秒后,结束图标切换,将托盘图标重置为默认图标。
关键函数代码为:
结论
如果比起qq托盘图标的闪动功能,应该还有声音播放的功能需求。 不过,这不是本文要考虑的问题。 作为伏笔,期待苏南大叔的后续文字。 更多关于苏南叔electron经验的文章qt 托盘图标,请点击以下链接:
【源码】本文代码片段及相关软件,请点此查看
【绝密】秘籍入门qt 托盘图标,只教有缘人
电子