electron/docs/api/tray.md
2014-11-28 19:23:13 +08:00

2.5 KiB

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', clicked: 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)

Creates a new tray icon associated with the image.

Event: 'clicked'

Emitted when the tray icon is clicked.

Event: 'double-clicked'

Emitted when the tray icon is double clicked.

This is only implemented on OS X.

Event: 'balloon-clicked'

Emitted when the tray balloon is clicked.

This is only implemented on Windows.

Tray.destroy()

Destroys the tray icon immediately.

Tray.setImage(image)

Sets the image associated with this tray icon.

Tray.setPressedImage(image)

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.

This is only implmented on OS X.

Tray.setHighlightMode(highlight)

  • highlight Boolean

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

This is only implmented on OS X.

Tray.displayBalloon(options)

  • options Object
    • icon Image
    • title String
    • content String

Tray.setContextMenu(menu)

  • menu Menu

Set the context menu for this icon.