此外,从文档中: 请注意,您需要使用PNG,而不是macOS或Windows图标格式,以便它显示在停靠栏/窗口列表中。当前不支持在文件管理器中设置图标。 文件: https://www.electronjs.org/docs/latest/api/browser-window/#new-browserwindowoptions https://electron.github.io/electron-packager/main/interfaces/electronpackager.options.html#icon 资料来源: How to set app icon for Electron / Atom Shell App https://github.com/electron-userland/electron-builder/issues/2269#issuecomment-342168989
2条答案
按热度按时间ajsxfq5m1#
您需要在BrowserWindow构造函数中设置图标:
此外,从文档中:
请注意,您需要使用PNG,而不是macOS或Windows图标格式,以便它显示在停靠栏/窗口列表中。当前不支持在文件管理器中设置图标。
文件:
https://www.electronjs.org/docs/latest/api/browser-window/#new-browserwindowoptions
https://electron.github.io/electron-packager/main/interfaces/electronpackager.options.html#icon
资料来源:
How to set app icon for Electron / Atom Shell App
https://github.com/electron-userland/electron-builder/issues/2269#issuecomment-342168989
rslzwgfq2#
有很多地方可以放置您的图标。但有两个主要文件。
1.在你的main.js中,你应该为你填充的每个窗口设置它:
App.mainWindow = new BrowserWindow({ icon:“./assets/icon.ico”})
1.在你的电子构建器配置中。这可以在您的package.json中,也可以在您通过脚本包含在package.json中的独立文件中
script ->(“make-win”:“electron-builder --config electron-builder-win.json --publish always“)
Windows桌面图标-->“win”:{“icon”:“assets/icon.ico”}
Windows安装图标--> nsis:{“installerIcon”:“assets/icon.ico”,“uninstallerIcon”:“assets/icon.ico”,}
请注意,上面的示例使用了webpack,并在创建可执行文件时将./assets移动到assets中。规则对于Mac和Linux是相似的,密切注意你的图标的大小,并参考官方文档的具体构建(dmg等)