如何设置电子/原子壳应用程序的应用程序图标

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

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

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

当前回答

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

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

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

其他回答

对于windows使用资源黑客

下载和安装::D

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

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

你应该构建应用程序

如果您正在将现有的web应用程序转换为Electron应用程序，您可以使用以下代码:

const path = require('path')

const mainWindow = new BrowserWindow({
  icon: path.join(__dirname, 'favicon.ico'),
})

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)。

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

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

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

推荐文章