Skip to content

Instantly share code, notes, and snippets.

@bellbind
Last active Sep 13, 2022
Embed
What would you like to do?
[electron] Tray launcher example
"use strict";
// [run the app]
// $ npm install electron
// $ ./node_modules/.bin/electron .
const {app, nativeImage, Tray, Menu, BrowserWindow} = require("electron");
let top = {}; // prevent gc to keep windows
app.once("ready", ev => {
top.win = new BrowserWindow({
width: 800, height: 600, center: true, minimizable: false, show: false,
webPreferences: {
nodeIntegration: false,
webSecurity: true,
sandbox: true,
},
});
top.win.loadURL("https://google.com/");
top.win.on("close", ev => {
//console.log(ev);
ev.sender.hide();
ev.preventDefault(); // prevent quit process
});
// empty image as transparent icon: it can click
// see: https://electron.atom.io/docs/api/tray/
top.tray = new Tray(nativeImage.createEmpty());
const menu = Menu.buildFromTemplate([
{label: "Actions", submenu: [
{label: "Open Google", click: (item, window, event) => {
//console.log(item, event);
top.win.show();
}},
]},
{type: "separator"},
{role: "quit"}, // "role": system prepared action menu
]);
top.tray.setToolTip("hello electrol");
//top.tray.setTitle("Tray Example"); // macOS only
top.tray.setContextMenu(menu);
// Option: some animated web site to tray icon image
// see: https://electron.atom.io/docs/tutorial/offscreen-rendering/
top.icons = new BrowserWindow({
show: false, webPreferences: {offscreen: true}});
top.icons.loadURL("https://trends.google.com/trends/hottrends/visualize");
top.icons.webContents.on("paint", (event, dirty, image) => {
if (top.tray) top.tray.setImage(image.resize({width: 16, height: 16}));
});
});
app.on("before-quit", ev => {
// BrowserWindow "close" event spawn after quit operation,
// it requires to clean up listeners for "close" event
top.win.removeAllListeners("close");
// release windows
top = null;
});
{
"name": "Tray Example",
"main": "main.js"
}
@VadimKorobka
Copy link

VadimKorobka commented Oct 23, 2017

hello electrol -> hello electron

@CliffyMk
Copy link

CliffyMk commented Feb 13, 2018

how to load external image (url) as tray icon

@sasikanth513
Copy link

sasikanth513 commented Jun 14, 2018

Is there any way to set text as tray icon? I tried setting empty image and setting tray title which renders small space at the start

@GuillermoFarias
Copy link

GuillermoFarias commented Jul 8, 2022

thanks ❤️

in macos, if not use nativeImage the tryIcon not show 💩

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment