Electron开发:创建托盘应用

这里的托盘是指操作系统的一个功能区,在这个功能区中有一些图标,每一个图标代表一个应用程序。通常在图标上单击鼠标的左键或右键,会弹出一个菜单或窗口来完成特定的功能。

Windows、Mac OS X 和 Linux 的托盘效果有一些差异。

Windows 的托盘在任务栏的右侧(屏幕的右下角),如下图所示。

image

Mac OS X 的托盘在菜单栏的右侧(屏幕的右上角),如下图所示。

image.png

Electron 提供了一些 API,用于在托盘上为应用程序添加图标、弹出菜单以及相应各种动作。

13.1 将应用程序放到托盘上

本节会在托盘上放置一个图标,单击鼠标左键(Mac OS X)或单击鼠标右键(Windows)会弹出上下文菜单,单击菜单项会完成某些动作。

一个托盘图标由一个 Tray 对象表示,因此为应用程序添加托盘图标,首先要先创建一个 Tray 对象。注意,Tray 对象不需要像菜单一样通过特定的方法添加到托盘上,只要创建一个 Tray 对象就会自动将图标放到托盘上,如果在一个应用程序中创建多个 Tray 对象,那么就会在托盘中添加多个图标。

下面是完整的实现代码。

在 index.js 中。

你可能感兴趣的:(Electron开发:创建托盘应用)