Impostare l'icona nella taskbar in Electron

Mattepuffo's logo
Impostare l'icona nella taskbar in Electron

Impostare l'icona nella taskbar in Electron

Anche se usa tecnologie web (Javascript in primis) Electron nasce per creare applicazioni desktop.

Quindi ha tutte praticamente tutte le potenzialità di altrei linguaggi.

Una cosa non fondamentale, ma comunque importante quando di distribuisce un progetto, è l'icona!

Oggi vediamo come impostarla nella taskbar; considerate che se non la impostate, nella taskbar non compare nulla.

Se la impostate, volendo potete anche crearci un piccolo menu.

Partendo dal presupposto che abbiate un file immagine per l'icona nella cartella del vostro progetto:

const {
  app,
  BrowserWindow,
  Tray
} = require('electron');
const path = require('path');
const url = require('url');
let win;
let tray = null;
const mpIcon = './favicon.png';

function createWindow() {
  win = new BrowserWindow({
    width: 800,
    height: 700
  });
  win.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }));

  tray = new Tray(mpIcon);
  tray.setToolTip('MP3-Edit');

  win.on('closed', () => {
    win = null;
  });
}

app.on('ready', createWindow);

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', () => {
  if (win === null) {
    createWindow();
  }
});

In alto includiamo il modulo Tray.

Poi, nella funzione che crea la finestra, impostiamo l'icona nella Tray; ed anche un tooltip.

Testato su Windows 7 e Linux.

Enjoy!


Condividi

Commentami!