electron/docs/api/tray.md

tray

A Tray represents an icon in operating system's notification area, it is usually attached with a context menu.

var app = require('app');
var Menu = require('menu');
var Tray = require('tray');

var appIcon = null;
app.on('ready', function(){
  appIcon = new Tray('/path/to/my/icon');
  var contextMenu = Menu.buildFromTemplate([
    { label: 'Item1', type: 'radio' },
    { label: 'Item2', type: 'radio' },
    { label: 'Item3', type: 'radio', checked: true },
    { label: 'Item4', type: 'radio' },
  ]);
  appIcon.setToolTip('This is my application.');
  appIcon.setContextMenu(contextMenu);
});

Platform limitations:

• On OS X clicked event will be ignored if the tray icon has context menu.
• On Linux app indicator will be used if it is supported, otherwise GtkStatusIcon will be used instead.
• App indicator will only be showed when it has context menu.
• When app indicator is used on Linux, clicked event is ignored.

So if you want to keep exact same behaviors on all platforms, you should not rely on clicked event and always attach a context menu to the tray icon.

Class: Tray

Tray is an EventEmitter.

new Tray(image)

• image NativeImage

Creates a new tray icon associated with the image.

Event: 'clicked'

• event
• bounds Object - the bounds of tray icon
  • x Integer
  • y Integer
  • width Integer
  • height Integer

Emitted when the tray icon is clicked.

NOte: The bounds payload is only implemented on OS X.

Event: 'double-clicked'

Emitted when the tray icon is double clicked.

Note: This is only implemented on OS X.

Event: 'balloon-show'

Emitted when the tray balloon shows.

Note: This is only implemented on Windows.

Event: 'balloon-clicked'

Emitted when the tray balloon is clicked.

Note: This is only implemented on Windows.

Event: 'balloon-closed'

Emitted when the tray balloon is closed because of timeout or user manually closes it.

Note: This is only implemented on Windows.

Tray.destroy()

Destroys the tray icon immediately.

Tray.setImage(image)

• image NativeImage

Sets the image associated with this tray icon.

Tray.setPressedImage(image)

• image NativeImage

Sets the image associated with this tray icon when pressed.

Tray.setToolTip(toolTip)

• toolTip String

Sets the hover text for this tray icon.

Tray.setTitle(title)

• title String

Sets the title displayed aside of the tray icon in the status bar.

Note: This is only implemented on OS X.

Tray.setHighlightMode(highlight)

• highlight Boolean

Sets whether the tray icon is highlighted when it is clicked.

Note: This is only implemented on OS X.

Tray.displayBalloon(options)

• options Object
  • icon NativeImage
  • title String
  • content String

Displays a tray balloon.

Note: This is only implemented on Windows.

Tray.setContextMenu(menu)

• menu Menu

Sets the context menu for this icon.