如何为你的电子应用程序设置应用程序图标?

我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。

我是否需要打包应用才能看到效果?


当前回答

请注意,图标文件路径的例子倾向于假设main.js在基本目录下。如果文件不在应用程序的基本目录中,路径规范必须说明这一事实。

例如,如果main.js在src/子目录下,而图标在assets/icons/下,这个图标路径规范将工作:

icon: __dirname + "../assets/icons/icon.png"

其他回答

win = new BrowserWindow({width: 1000, height: 1000,icon: __dirname + '/logo.png'}); //*.png or *.ico will also work 

对我来说,它起作用了!

在创建BrowserWindow时设置图标属性仅对Windows和Linux有效。

要在OS X上设置图标,可以使用electronic -packager并使用——icon开关设置图标。

对于OS x,它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。

下面是我的解决方案:

new BrowserWindow({
  width: 800,
  height: 600,
  icon: __dirname + '/Bluetooth.ico',
})

如果你正在使用电子生成器,你可以按照他们的文档如何添加你的应用程序图标。

您可以在电子生成器中指定设置图标的路径。Json5配置文件,例如mac:

/**
 * @see https://www.electron.build/configuration/configuration
 */
{
appId: 'YourAppId',
mac: {
  artifactName: '${productName}_${version}.${ext}',
  target: ['dmg'],
  icon: 'public/logo.png',
 },
}

windows 10

electron-packager

electron-packager . appname--platform=win32 --arch=x64 --overwrite --icon=icons/icon.ico --out=release-builds

图标会一直被缓存,所以使用——out标志会有所帮助。