Wie stellen Sie das App-Symbol für Ihre Electron App ein?App-Symbol für Electron/Atom Shell-App festlegen
Ich versuche BrowserWindow({icon:'path/to/image.png'});, aber es funktioniert nicht.
Muss ich die App packen, um den Effekt zu sehen?
Das Festlegen der icon-Eigenschaft beim Erstellen der BrowserWindow hat nur Auswirkungen auf Windows und Linux.
Um das Symbol unter OS X einzustellen, können Sie electron-packager verwenden und das Symbol mit dem Schalter --icon einstellen.
Es muss in .icns-Format für OS X. Es gibt eine online icon converter, die diese Datei von Ihrem. Png erstellen können.
Setzen Sie das Symbol auf dem BrowserWindow zu einer PNG-Datei wird in der Taskleiste in Windows angezeigt. Ein Beispiel dafür ist auf meinem Blog hier zu finden: http://www.mylifeforthecode.com/setting-a-custom-taskbar-icon-for-e- electron-window/ Es kann sein, dass der Pfad sein muss absolut, um zu funktionieren, da ich es auf __dirname + 'path/to/icon.png' setze. Um das Symbol für die .exe-Datei zu setzen, müssen Sie jedoch den Electron-Packager ODER Ressourcen-Hacker verwenden. –
Können Sie diese Antwort korrigieren, um mit Windows bitte genau zu sein? –
Danke @ShawnRakowski, du hast Recht - ich habe das gerade getestet und die Icon-Eigenschaft funktioniert tatsächlich auch unter Windows. Ich habe meine Antwort aktualisiert, um dies zu berücksichtigen. –
Im Folgenden finden Sie die Lösung, die ich habe:
mainWindow = new BrowserWindow({width: 800, height: 600,icon: __dirname + '/Bluetooth.ico'});
Erwähnenswert ist, dass __dirname der Pfad Ihres/src/-Ordners ist (d. H. Der Ordner Ihrer app.js/main.js-Datei). – Konstantin
Sie es für macOS tun können, auch. Ok, nicht durch den Code, aber mit einigen einfachen Schritten:
Eigentlich ist es eine allgemeine Sache Elektron nicht spezifisch. Sie können das Symbol vieler MacOS-Apps wie folgt ändern.
Das ist erstaunlich, danke dafür. Ich musste drag and drop, um es zur Arbeit zu bringen, aber trotzdem erstaunlich. –
Vollständige Anweisungen: https://support.apple.com/kb/PH25383?locale=de_DE – AndroidDev
Sie können folgen https://github.com/onmyway133/blog/issues/66 – onmyway133