本文描述的是electron中的tray图标，在mac系统中的特殊应用。说它特殊，就是因为图标文件的名字会影响electron程序的表现。本文中描述的就是这种差异，本文的内容是以macbook pro的mac系统为基础的。截至到发稿来说，window系统上，暂时没有类似的效果。

苏南大叔：electron程序，mac系统tray图标文件的特殊命名规范 - elctron-tray-ico-name
electron程序，mac系统tray图标文件的特殊命名规范（图7-1）

本文测试环境：macbook pro的mac@mojave系统，electron@6.0.0。龙套是electron-quick-start项目。

基础代码

基础代码是：

app.on('ready', () => {
  tray = new Tray(path.join(__dirname,"<ico_file_name>"));
})

本文中就是重点描述<ico_file_name>的，请自行根据需求替换相关文本。另外，在mac系统中，最基本的图标尺寸是16*16，@2x就是32*32。

苏南大叔：electron程序，mac系统tray图标文件的特殊命名规范 - elctron-tray-ico-name-code
electron程序，mac系统tray图标文件的特殊命名规范（图7-2）

系统皮肤+视网膜屏幕（Template@2x)

这条技巧就是上述两条的合集，即支持硬件层面上的高分辨率，又支持软件层面上的light和dark模式。

  • 命名上的组合就是xxxTemplate@2x.png
  • 代码上的编写就是xxxTemplate.png

苏南大叔：electron程序，mac系统tray图标文件的特殊命名规范 - electron-ico-name-template-2x
electron程序，mac系统tray图标文件的特殊命名规范（图7-7）

总结

需要特殊说明的是：就目前苏南大叔的实验结果来看，使用Template命名的话，就会得到一个黑白的图标。否则就可以保持原有的图标颜色。这个，是否是您所想要的效果呢？

本文中，苏南大叔描述的都是在mac系统下的mbp上的特殊情况，当然，不排除有其它的机型也会遵守本文中的tray图标的特殊命名规范。如果您还知道哪个机型符合这个命名规范的话，欢迎留言给苏南大叔。

更多electron相关博客文章，请点击苏南大叔的博客：

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

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

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

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

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