Electron 应用图标修改

1，首先给窗口添加图标：

1） 窗口图标是图片jpg或者png格式，如果没有图标去【】找一个图标，在项目中创建一个固定目录存放图片我的地址是public/icons

2）图标添加位置在main（我的是main.js）中找到窗口属性设置位置 new BrowserWindow({ width: 900, height: 600,icon: path.join(__dirname,'./public/icons/login.png')})，在BrowserWindow 中添加图标路径写法如上icon: path.join(__dirname,'./public/icons/login.png')，path.join是路径查找方法，内侧参数是图片的实际地址,如此完成了窗口图标的添加。

2，桌面应用图标添加

1） 桌面应用图标要求大小不能超过256*256这个，且后缀为【.ico】,将图标放到固定文件目录中（自建）。

2） 在package.json中配置图标路径，其中directories 为打包地址，win为图标路径，nsis为打包的一些配置如免安装，快捷图标自动创建等，如下实现图标的修改，这是electron-builder（安装版方式），免安装版配置在执行命令中。

"build": {
　　"productName": "electron-demo",
　　"directories": {
　　　　"output": "dist"

　　},

　　 "nsis": {

　　　　 "oneClick": false,

　　　　 "allowToChangeInstallationDirectory": true

　　 },

　　 "win": {

　　 　　 "target": "nsis",

　　 　　 "icon": "public/icons/icon.ico"

　　 }

},

 

posted @ 2022-11-21 19:05  wangyb56  阅读(1847)  评论(0)  编辑  收藏  举报