2014-06-02 03:47:22 +00:00
|
|
|
# tray
|
|
|
|
|
|
|
|
A `Tray` represents an icon in operating system's notification area, it is
|
|
|
|
usually attached with a context menu.
|
|
|
|
|
|
|
|
```javascript
|
2014-06-17 16:06:15 +00:00
|
|
|
var app = require('app');
|
2014-06-02 03:47:22 +00:00
|
|
|
var Menu = require('menu');
|
|
|
|
var Tray = require('tray');
|
|
|
|
|
2014-06-17 16:06:15 +00:00
|
|
|
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' },
|
2014-12-11 11:28:01 +00:00
|
|
|
{ label: 'Item3', type: 'radio', checked: true },
|
2014-06-17 16:06:15 +00:00
|
|
|
{ label: 'Item4', type: 'radio' },
|
|
|
|
]);
|
|
|
|
appIcon.setToolTip('This is my application.');
|
|
|
|
appIcon.setContextMenu(contextMenu);
|
|
|
|
});
|
|
|
|
|
2014-06-02 03:47:22 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
__Platform limitations:__
|
|
|
|
|
|
|
|
* On OS X `clicked` event will be ignored if the tray icon has context menu.
|
2014-06-02 15:18:14 +00:00
|
|
|
* 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.
|
2014-06-02 03:47:22 +00:00
|
|
|
|
|
|
|
## Class: Tray
|
|
|
|
|
2014-08-20 02:53:20 +00:00
|
|
|
`Tray` is an [EventEmitter][event-emitter].
|
2014-06-02 03:47:22 +00:00
|
|
|
|
|
|
|
### new Tray(image)
|
|
|
|
|
2015-02-12 05:52:28 +00:00
|
|
|
* `image` [NativeImage](native-image.md)
|
2014-06-02 03:47:22 +00:00
|
|
|
|
|
|
|
Creates a new tray icon associated with the `image`.
|
|
|
|
|
|
|
|
### Event: 'clicked'
|
|
|
|
|
2015-05-01 09:54:22 +00:00
|
|
|
* `event`
|
2015-05-04 03:23:09 +00:00
|
|
|
* `bounds` Object - the bounds of tray icon
|
2015-05-01 09:54:22 +00:00
|
|
|
* `x` Integer
|
|
|
|
* `y` Integer
|
2015-05-04 03:23:09 +00:00
|
|
|
* `width` Integer
|
|
|
|
* `height` Integer
|
2015-05-01 09:54:22 +00:00
|
|
|
|
2014-06-02 03:47:22 +00:00
|
|
|
Emitted when the tray icon is clicked.
|
|
|
|
|
2015-06-02 21:19:49 +00:00
|
|
|
__Note:__ The `bounds` payload is only implemented on OS X and Windows 7 or newer.
|
2015-05-04 03:23:09 +00:00
|
|
|
|
2014-09-09 11:50:50 +00:00
|
|
|
### Event: 'double-clicked'
|
|
|
|
|
|
|
|
Emitted when the tray icon is double clicked.
|
|
|
|
|
2014-11-28 11:47:21 +00:00
|
|
|
__Note:__ This is only implemented on OS X.
|
|
|
|
|
|
|
|
### Event: 'balloon-show'
|
|
|
|
|
|
|
|
Emitted when the tray balloon shows.
|
|
|
|
|
|
|
|
__Note:__ This is only implemented on Windows.
|
2014-11-28 11:23:13 +00:00
|
|
|
|
|
|
|
### Event: 'balloon-clicked'
|
|
|
|
|
|
|
|
Emitted when the tray balloon is clicked.
|
|
|
|
|
2014-11-28 11:47:21 +00:00
|
|
|
__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.
|
2014-09-09 11:50:50 +00:00
|
|
|
|
2014-11-28 10:06:51 +00:00
|
|
|
### Tray.destroy()
|
|
|
|
|
|
|
|
Destroys the tray icon immediately.
|
|
|
|
|
2014-06-02 03:47:22 +00:00
|
|
|
### Tray.setImage(image)
|
|
|
|
|
2015-02-12 05:52:28 +00:00
|
|
|
* `image` [NativeImage](native-image.md)
|
2014-06-02 03:47:22 +00:00
|
|
|
|
|
|
|
Sets the `image` associated with this tray icon.
|
|
|
|
|
|
|
|
### Tray.setPressedImage(image)
|
|
|
|
|
2015-02-12 05:52:28 +00:00
|
|
|
* `image` [NativeImage](native-image.md)
|
2014-06-02 03:47:22 +00:00
|
|
|
|
|
|
|
Sets the `image` associated with this tray icon when pressed.
|
|
|
|
|
|
|
|
### Tray.setToolTip(toolTip)
|
|
|
|
|
|
|
|
* `toolTip` String
|
|
|
|
|
2014-09-09 11:50:50 +00:00
|
|
|
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.
|
|
|
|
|
2015-05-04 03:23:09 +00:00
|
|
|
__Note:__ This is only implemented on OS X.
|
2014-09-09 11:50:50 +00:00
|
|
|
|
|
|
|
### Tray.setHighlightMode(highlight)
|
|
|
|
|
2014-09-09 13:04:00 +00:00
|
|
|
* `highlight` Boolean
|
2014-09-09 11:50:50 +00:00
|
|
|
|
|
|
|
Sets whether the tray icon is highlighted when it is clicked.
|
|
|
|
|
2015-05-04 03:23:09 +00:00
|
|
|
__Note:__ This is only implemented on OS X.
|
2014-09-09 11:50:50 +00:00
|
|
|
|
2014-11-28 11:23:13 +00:00
|
|
|
### Tray.displayBalloon(options)
|
|
|
|
|
|
|
|
* `options` Object
|
2015-02-12 05:52:28 +00:00
|
|
|
* `icon` [NativeImage](native-image.md)
|
2014-11-28 11:23:13 +00:00
|
|
|
* `title` String
|
|
|
|
* `content` String
|
|
|
|
|
2015-05-04 03:23:09 +00:00
|
|
|
Displays a tray balloon.
|
|
|
|
|
|
|
|
__Note:__ This is only implemented on Windows.
|
|
|
|
|
2014-06-02 03:47:22 +00:00
|
|
|
### Tray.setContextMenu(menu)
|
|
|
|
|
|
|
|
* `menu` Menu
|
|
|
|
|
2015-05-04 03:23:09 +00:00
|
|
|
Sets the context menu for this icon.
|
2014-09-09 11:50:50 +00:00
|
|
|
|
2014-06-02 03:47:22 +00:00
|
|
|
[event-emitter]: http://nodejs.org/api/events.html#events_class_events_eventemitter
|