Electron uygulamanız için uygulama simgesini nasıl ayarlarsınız?
Deniyorum BrowserWindow({icon:'path/to/image.png'});
ama işe yaramıyor.
Efekti görmek için uygulamayı paketlemem gerekir mi?
Electron uygulamanız için uygulama simgesini nasıl ayarlarsınız?
Deniyorum BrowserWindow({icon:'path/to/image.png'});
ama işe yaramıyor.
Efekti görmek için uygulamayı paketlemem gerekir mi?
postinstall
, projenize .icns dosyasını node_modules / altında otomatik olarak kopyalayacak bir komut dosyası koymaktır.
Yanıtlar:
Özelliği yalnızca icon
oluştururken ayarlamak BrowserWindow
Windows ve Linux üzerinde bir etkiye sahiptir.
Simgeyi OS X'te ayarlamak için, elektron paketleyiciyi kullanabilir ve --icon
anahtarı kullanarak simgeyi ayarlayabilirsiniz .
OS X için .icns biçiminde olması gerekir. Bu dosyayı .png'nizden oluşturabilen çevrimiçi bir simge dönüştürücü vardır.
electron-packager . YourApplicationName --all --icon "path/to/my/icon.ico"
Sahip olduğum çözüm aşağıdadır:
mainWindow = new BrowserWindow({width: 800, height: 600,icon: __dirname + '/Bluetooth.ico'});
.icns
gerekli değil ?
Bunu macOS için de yapabilirsiniz. Tamam, kod aracılığıyla değil, bazı basit adımlarla:
Aslında elektrona özgü olmayan genel bir şeydir. Bunun gibi birçok macOS uygulamasının simgesini değiştirebilirsiniz.
6. Enjoy your icon during *development* :-)
Package.json güncellendi :
"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
}
},
Uygulama oluşturduktan sonra simgeleri görebilirsiniz. Bu çözüm, geliştirici modunda simgeleri göstermez. Simgeleri içinde ayarlamıyorum new BrowserWindow()
.
Elektron oluşturucu simgeleri destekler
Görev çubuğundaki uygulama simgesini güncellemek istiyorsanız, ardından main.js'de aşağıdakileri güncelle (typecript kullanıyorsanız, o zaman main.ts)
win.setIcon(path.join(__dirname, '/src/assets/logo-small.png'));
__dirname
package.json
uygulamanızın kök dizinini (ile aynı dizin ) gösterir.
Lütfen, simge dosyası yolu örneklerinin, main.js'nin temel dizin altında olduğunu varsayma eğiliminde olduğunu unutmayın. Dosya uygulamanın temel dizininde değilse, yol belirtimi bu gerçeği hesaba katmalıdır.
Örneğin, main.js src / alt dizini altındaysa ve simge varlıklar / simgeler / altındaysa, bu simge yolu belirtimi çalışacaktır:
icon: __dirname + "../assets/icons/icon.png"
BrowserWindow
Yalnızca Windows ve Linux platformları üzerinde bir etkiye sahiptir. .icns'i maks. paketlemeniz gerekir
Simgeyi kullanarak OS X'de ayarlamak için electron-packager
simgeyi kullanarak ayarlamak için, --icon anahtarını kullanarak simgeyi ayarlayın.
OS X için .icns biçiminde olması gerekecektir. Bu dosyayı .png'nizden oluşturabilen bir çevrimiçi simge dönüştürücü vardır.
--icon
switch kullanmanın bir alternatifini buldum . İşte yapabilecekleriniz.
build
Proje dizininizde adlandırılmış bir dizin oluşturun .icns
ve simgeyi adlandırılmış dizine yerleştirin icon.icns
.electron-builder --dir
.Uygulama simgenizin o dizin konumundan otomatik olarak alınacağını ve paketleme sırasında bir uygulama için kullanılacağını göreceksiniz.
Not : Verilen yanıt
electron-builder
elektron oluşturucu v21.2.0'ın son sürümü içindir ve bu sürümle test edilmiştir.
Windows için Resource Hacker kullanın
İndir ve Kur:: D
http://www.angusj.com/resourcehacker/
Uygulamayı inşa etmeliydin