如何为你的电子应用程序设置应用程序图标?
我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。
我是否需要打包应用才能看到效果?
如何为你的电子应用程序设置应用程序图标?
我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。
我是否需要打包应用才能看到效果?
当前回答
electron-packager
在创建BrowserWindow时设置图标属性仅对Windows和Linux平台有效。你必须为Max打包。icns
要在OS X上使用电子包装器设置图标,请使用——icon开关设置图标。
对于OS x,它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。
electron-builder 作为最新的解决方案,我发现了一种替代方案——图标开关。以下是你可以做的。
在项目目录中创建一个名为build的目录,并将图标的.icns放在名为icon.icns的目录中。 执行命令electronic -builder——dir运行builder。
您将发现应用程序图标将自动从该目录位置提取,并在打包时用于应用程序。
注意:给出的答案是针对最新版本的electron-builder,并使用electron-builder v21.2.0进行了测试
其他回答
对于windows使用资源黑客
下载和安装::D
http://www.angusj.com/resourcehacker/
运行它 选择打开并选择exe文件 在你的左边打开一个名为Icon Group的文件夹 右击1:10 33 点击替换图标 选择您选择的图标 然后选择替换图标 保存并关闭
你应该构建应用程序
在创建BrowserWindow时设置图标属性仅对Windows和Linux有效。
要在OS X上设置图标,可以使用electronic -packager并使用——icon开关设置图标。
对于OS x,它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。
windows 10
electron-packager
electron-packager . appname--platform=win32 --arch=x64 --overwrite --icon=icons/icon.ico --out=release-builds
图标会一直被缓存,所以使用——out标志会有所帮助。
在我的情况下,我不需要指定任何路径,如./,因为我使用构建目录,这是我的配置:
"build": {
"directories":{
"output": "build"
},
"mac": {
"icon": "build/logo.icns"
},
"win": {
"icon": "build/logo.png"
}
}
我发现使用。/logo.png会让电子显示同样的错误:
默认电子图标被使用的原因=应用程序图标没有设置
下面是我的解决方案:
new BrowserWindow({
width: 800,
height: 600,
icon: __dirname + '/Bluetooth.ico',
})