electron程序,如何设置托盘按下样式?托盘图标切换方案
发布于 作者:苏南大叔 来源:程序如此灵动~ 我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...
苏南大叔的electron
托盘图标的文章,已经写了很多篇了。不知道大家是不是对这个托盘图标的使用,有了比较深刻的认识了呢?在接下来本文的学习中,苏南大叔描述的依旧是electron
的托盘图标。主要的文章切入点是:图标文件的设置及切换。
本文测试环境: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>")
})
相关的注意事项,可以参考下面的文章:
setImage("<ico>")
new Tray()
每执行一次,就会生成一个托盘图标。所以,想要切换图标的时候,就不能再次new Tray()
了。使用的函数是这样的:
tray.setImage("<ico>")
如果加上判断标准的话:
if(tray==null){
tray = new Tray("<ico>")
}
else{
tray.setImage("<ico>")
}
setPressedImage("<ico>")
在以前的经验文字里面,接触的图片,都是展示给用户看的最常见的这个图片。事实上,托盘图标的按下状态,也是可以单独设置图标文件的。虽然,按下的状态非常短暂,但是,如果您设置一个合适的图片的话,就会有非常好的用户体验。所以,这里设置,也是推荐大家使用的。
tray.setPressedImage("<ico>")
setPressedImage("<ico>")
的设置前提,是tray
已经创建,但是和tray
的初始图片设置并不冲突。
范例代码
这里给出一个小小的代码范例,仅供参考。
seosn.com:这里是【评论】可见内容
结束语
本文中,涉及到了electron
程序中,最普通的设置托盘图标的三种方式。适用的场景是不一样的,大家根据需求,各取所需吧。那么现在问题来了,哪里可以找到更好的electron
相关经验文章呢?苏南大叔丢给了你一个链接:
如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
学习
学习,谢谢分享
学习
谢谢
学习中,谢谢分享