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

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

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


当前回答

下面是我的解决方案:

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

其他回答

下面是我的解决方案:

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

windows 10

electron-packager

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

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

如果你想在任务栏中更新应用图标,那么在main.js中更新(如果使用typescript则是main.ts)

win.setIcon(path.join(__dirname, '/src/assets/logo-small.png'));

__dirname指向应用程序的根目录(与package.json相同的目录)。

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

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

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

对于windows使用资源黑客

下载和安装::D

http://www.angusj.com/resourcehacker/

运行它 选择打开并选择exe文件 在你的左边打开一个名为Icon Group的文件夹 右击1:10 33 点击替换图标 选择您选择的图标 然后选择替换图标 保存并关闭

你应该构建应用程序