2015-07-21 14 views

risposta

98

L'impostazione della proprietà icon durante la creazione di BrowserWindow ha solo un effetto su Windows e Linux.

Per impostare l'icona su OS X, è possibile utilizzare electron-packager e impostare l'icona utilizzando lo switch --icon.

Dovrà essere in formato .icns per OS X. C'è un online icon converter che può creare questo file dal tuo .png.

+3

L'impostazione dell'icona nella finestra Browser in un file .PNG verrà visualizzata nella barra delle applicazioni in Windows. Un esempio di come funziona può essere trovato sul mio blog qui: http://www.mylifeforthecode.com/setting-a-custom-taskbar-icon-for-an-electron-window/ Può essere che il percorso debba essere assoluto per funzionare come ho impostato su __dirname + 'path/to/icon.png'. Tuttavia, per impostare l'icona per .exe è necessario utilizzare electron-packager O resource hacker. –

+0

Puoi correggere questa risposta per essere accurata in Windows? –

+0

Grazie a @ShawnRakowski, hai ragione - l'ho appena testato e la proprietà dell'icona funziona davvero anche su Windows. Ho aggiornato la mia risposta per riflettere questo. –

24

Di seguito è la soluzione che ho:

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

Vale la pena ricordare che __dirname è il percorso della cartella/src/(ovvero la cartella del file app.js/main.js). – Konstantin

7

Puoi farlo per MacOS, anche. Ok, non attraverso il codice, ma con alcuni semplici passi:

  1. trovare il file i .icns che si desidera utilizzare, aprirlo e copiarlo tramite menu Modifica
  2. Trova l'electron.app, di solito in node_modules/elettronico/dist
  3. Aprire la finestra delle informazioni
  4. Selezionare l'icona nell'angolo in alto a sinistra (bordo grigio intorno ad esso)
  5. Incollare l'icona tramite cmd + v
  6. Godetevi la vostra icona durante lo sviluppo :-)

enter image description here

in realtà è una cosa generale non specifiche per elettroni. Puoi cambiare l'icona di molte app macOS come questa.

+2

Questo è sorprendente, grazie per questo. Avevo bisogno di trascinare e rilasciare per farlo funzionare ma comunque sorprendente. –

+0

Istruzioni complete: https://support.apple.com/kb/PH25383?locale=en_US – AndroidDev

Problemi correlati