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

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

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


当前回答

对于windows使用资源黑客

下载和安装::D

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

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

你应该构建应用程序

其他回答

在我的情况下,我不需要指定任何路径,如./,因为我使用构建目录,这是我的配置:

"build": {
  "directories":{
     "output": "build"
  },
  "mac": {
     "icon": "build/logo.icns"
  },
  "win": {
     "icon": "build/logo.png"
   }
}

我发现使用。/logo.png会让电子显示同样的错误:

默认电子图标被使用的原因=应用程序图标没有设置

windows 10

electron-packager

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

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

在Linux中,您可以在项目目录中搜索icon.png,并使用您的自定义图标(具有相同的名称)更改两个文件(一个用于Debian,一个用于Redhat)。

下面是我的解决方案:

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

适用于电子< 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()中设置图标。