如何为你的电子应用程序设置应用程序图标?
我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。
我是否需要打包应用才能看到效果?
如何为你的电子应用程序设置应用程序图标?
我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。
我是否需要打包应用才能看到效果?
当前回答
在Linux中,您可以在项目目录中搜索icon.png,并使用您的自定义图标(具有相同的名称)更改两个文件(一个用于Debian,一个用于Redhat)。
其他回答
如果您正在将现有的web应用程序转换为Electron应用程序,您可以使用以下代码:
const path = require('path')
const mainWindow = new BrowserWindow({
icon: path.join(__dirname, 'favicon.ico'),
})
win = new BrowserWindow({width: 1000, height: 1000,icon: __dirname + '/logo.png'}); //*.png or *.ico will also work
对我来说,它起作用了!
在我的情况下,我不需要指定任何路径,如./,因为我使用构建目录,这是我的配置:
"build": {
"directories":{
"output": "build"
},
"mac": {
"icon": "build/logo.icns"
},
"win": {
"icon": "build/logo.png"
}
}
我发现使用。/logo.png会让电子显示同样的错误:
默认电子图标被使用的原因=应用程序图标没有设置
在Linux中,您可以在项目目录中搜索icon.png,并使用您的自定义图标(具有相同的名称)更改两个文件(一个用于Debian,一个用于Redhat)。
在创建BrowserWindow时设置图标属性仅对Windows和Linux有效。
要在OS X上设置图标,可以使用electronic -packager并使用——icon开关设置图标。
对于OS x,它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。