如何为你的电子应用程序设置应用程序图标?
我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。
我是否需要打包应用才能看到效果?
如何为你的电子应用程序设置应用程序图标?
我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。
我是否需要打包应用才能看到效果?
当前回答
如果你想在任务栏中更新应用图标,那么在main.js中更新(如果使用typescript则是main.ts)
win.setIcon(path.join(__dirname, '/src/assets/logo-small.png'));
__dirname指向应用程序的根目录(与package.json相同的目录)。
其他回答
在创建BrowserWindow时设置图标属性仅对Windows和Linux有效。
要在OS X上设置图标,可以使用electronic -packager并使用——icon开关设置图标。
对于OS x,它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。
请注意,图标文件路径的例子倾向于假设main.js在基本目录下。如果文件不在应用程序的基本目录中,路径规范必须说明这一事实。
例如,如果main.js在src/子目录下,而图标在assets/icons/下,这个图标路径规范将工作:
icon: __dirname + "../assets/icons/icon.png"
如果你正在使用电子生成器,你可以按照他们的文档如何添加你的应用程序图标。
您可以在电子生成器中指定设置图标的路径。Json5配置文件,例如mac:
/**
* @see https://www.electron.build/configuration/configuration
*/
{
appId: 'YourAppId',
mac: {
artifactName: '${productName}_${version}.${ext}',
target: ['dmg'],
icon: 'public/logo.png',
},
}
如果你想在任务栏中更新应用图标,那么在main.js中更新(如果使用typescript则是main.ts)
win.setIcon(path.join(__dirname, '/src/assets/logo-small.png'));
__dirname指向应用程序的根目录(与package.json相同的目录)。
在Linux中,您可以在项目目录中搜索icon.png,并使用您的自定义图标(具有相同的名称)更改两个文件(一个用于Debian,一个用于Redhat)。