本文中,苏南大叔讲述:tray托盘图标问题。因为大量新人还是卡住这里,所以,这里苏南大叔再次做个说明总结。本文的内容主要分为两部分,第一是图标的格式是什么?第二是图标文件要放在什么位置。解决了这两个问题,就解决了Error processing argument at index 0的报错问题了。

苏南大叔:electron程序,tray托盘图标文件需要什么格式尺寸及位置? - electron-tray-ico
electron程序,tray托盘图标文件需要什么格式尺寸及位置?(图7-1)

本文测试环境:win10/electron@5.0.7。注意点就两个,一是格式(一般人不会犯错),二是位置(一般人都是这里出错了)。加油,少年!

图标的格式

首先要解决图标格式的问题,大家在这里总是傻傻的不清楚。其实,electron中图标文件的格式使用,还是非常宽松的,常见的.png/.jpg格式都是可以使用的,甚至大家可以拿为app单独做的.ico/.icns文件,直接作为tray托盘的图标使用。

测试代码如下:

// const {app, Tray} = require('electron')
// const path = require('path');
let tray = null
app.on('ready', () => {
  //tray = new Tray("./favicon.png")
  //tray = new Tray(path.join(__dirname,"./img/favicon.ico"));
  //tray = new Tray(path.join(__dirname,"./img/favicon.jpg"));
  //tray = new Tray(path.join(__dirname,"./img/favicon.icns"));
  //tray = new Tray(path.join(__dirname,"./img/favicon.gif"));
  //tray = new Tray(path.join(__dirname,"./img/favicon.bmp"));
  tray = new Tray(path.join(__dirname,"./img/favicon.png"));
})

苏南大叔:electron程序,tray托盘图标文件需要什么格式尺寸及位置? - electron-tray-ico-code
electron程序,tray托盘图标文件需要什么格式尺寸及位置?(图7-2)

对于electrontray的图标格式,测试结论是:

  • 支持.png/.jpg,不支持.bmp/.gif
  • win10支持.icomac支持.icns

相关链接

结束语

electron加载tray图标,Error processing argument at index 0这个报错问题,就基本上可以结题了。如果有小伙伴看完了这么详细的教程,还是说没效果,解决不了的话。那么,只能建议您放弃治疗了。孩子,前面的路太艰辛,及时回头是岸。

更多苏南大叔写的electron教程,请参考下面的链接:

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

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

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

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

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