如何为你的电子应用程序设置应用程序图标?
我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。
我是否需要打包应用才能看到效果?
如何为你的电子应用程序设置应用程序图标?
我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。
我是否需要打包应用才能看到效果?
当前回答
对于windows使用资源黑客
下载和安装::D
http://www.angusj.com/resourcehacker/
运行它 选择打开并选择exe文件 在你的左边打开一个名为Icon Group的文件夹 右击1:10 33 点击替换图标 选择您选择的图标 然后选择替换图标 保存并关闭
你应该构建应用程序
其他回答
适用于电子< 3.0版本。更新package.json:
"build": {
"appId": "com.my-website.my-app",
"productName": "MyApp",
"copyright": "Copyright © 2019 ${author}",
"mac": {
"icon": "./public/icons/mac/icon.icns", <---------- set Mac Icons
"category": "public.app-category.utilities"
},
"win": {
"icon": "./public/icons/png/256x256.png" <---------- set Win Icon
},
"files": [
"./build/**/*",
"./dist/**/*",
"./node_modules/**/*",
"./public/**/*", <---------- need for get access to icons
"*.js"
],
"directories": {
"buildResources": "public" <---------- folder where placed icons
}
},
构建应用程序后,您可以看到图标。此解决方案在开发人员模式下不显示图标。 我没有在new BrowserWindow()中设置图标。
在Linux中,您可以在项目目录中搜索icon.png,并使用您的自定义图标(具有相同的名称)更改两个文件(一个用于Debian,一个用于Redhat)。
win = new BrowserWindow({width: 1000, height: 1000,icon: __dirname + '/logo.png'}); //*.png or *.ico will also work
对我来说,它起作用了!
请注意,图标文件路径的例子倾向于假设main.js在基本目录下。如果文件不在应用程序的基本目录中,路径规范必须说明这一事实。
例如,如果main.js在src/子目录下,而图标在assets/icons/下,这个图标路径规范将工作:
icon: __dirname + "../assets/icons/icon.png"
在创建BrowserWindow时设置图标属性仅对Windows和Linux有效。
要在OS X上设置图标,可以使用electronic -packager并使用——icon开关设置图标。
对于OS x,它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。