electron程序，如何实现改写关闭事件为最小化到托盘？

我们相信：世界是美好的，你是我也是。平行空间的世界里面，不同版本的生活也在继续...

在window平台上，很多程序逻辑，都喜欢改写窗体关闭事件，更改为最小化到系统托盘的功能。而在mac系统中，系统默认会对所有的程序，都改写窗体关闭事件，区别就是不会自动添加系统托盘功能。那么，如何实现这种程序关闭功能改写呢？请阅读苏南大叔带来的本篇经验文字。

本文测试环境:win10/electron@5.0.7。本篇文章的测试环境是win10，在centos或者mac下面，只能说部分代码会适用，肯定有需要特殊处理的的地方。这些需要特殊处理的地方，就暂时不在本文讨论范围内了。本文的需求，大家可以想象成：关闭qq的主面板，然后窗体会缩小到托盘里面，点击托盘之后，还会显示主窗体。

任务栏不显示（选项）

一般来说，这类窗体有一定的概率是不需要在任务栏显示的。所以，在窗体初始化的时候，可以根据情况加入属性控制代码：

skipTaskbar:true

例如：

mainWindow = new BrowserWindow({
  //...
  skipTaskbar:true
})

监控关闭事件

在前边的文章中，苏南大叔曾经案例过一篇文章，如何拦截窗体关闭事件。在这篇文章中，大家可以知道：相关的关闭事件监控点非常多，大家可以选择的事件点很多。

• https://newsn.net/say/electron-quit-event.html

那么，在本篇文章中，需求是：关闭渲染进程主窗体（注意不是所有窗体）的时候，最小化到托盘里面（窗体隐藏）。注意：程序还在运行，而不是退出执行。

本文中，经过苏南大叔的尝试，最终选择的关闭事件是主窗体mainWindow的close事件。代码如下：

mainWindow.on('close', function (e) {
  e.preventDefault();
  mainWindow.hide();
})

窗体隐藏和显示

在这个需求中，主要的控制代码是：

mainWindow.hide()

和

mainWindow.show()

状态判断代码是：

mainWindow.isVisible()

注意：这里使用的是窗体的隐藏和显示，而没有使用minimize()和restore()这组函数，理论上来说，用后者也是可以的。相关链接：

• https://newsn.net/say/electron-max-min.html

托盘及事件

托盘及托盘菜单的代码和原来苏南大叔写的代码，基本相同。可以参考下面这篇文章：

• https://newsn.net/say/electron-tray.html

另外，添加的代码是：对托盘tray的click事件的监控，代码如下：

tray.on("click",()=>{
  mainWindow.show();
  //tray.destory()
})

特殊说明

在更进一步的需求中，托盘的显示与否都是有条件的。比如主窗体显示的时候，托盘消失。主窗体隐藏的时候，托盘显示。这个就需要个tray.destory()。但是，在实际的测试中，只要执行tray.destory()，主程序就会崩溃。所以，暂时在需求中，就咩有托盘的显示和隐藏的需求了。比如，以qq为例的话，qq也是时刻都有托盘图标的。

总结

没给出最终代码，不过关键点都写出来了。一是苏南大叔觉得代码还是不够完美，另外就是，代码相关链接都写出来了嘛，点击进去看看？大家也都不要做伸手党嘛。

点击一下下面的链接，查看更多苏南大叔的electron相关博客文章：

• https://newsn.net/tag/electron/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。