什么是 Hyper-Tray
Hyper-Tray 是一个基于 electron 和 React 开发的 npm 包,它可以将 Hyper (一款流行的终端模拟器)的窗口转换成一个系统托盘图标,并提供了便捷的快捷键来控制窗口的显示与隐藏。它的开源地址为 https://github.com/heineiuo/hyper-tray。
安装
在使用 Hyper-Tray 之前,需要先安装 node.js 和 Hyper。然后进入 Hyper 的安装目录,输入以下命令进行安装:
--- - ---------- ----------
使用
Hyper-Tray 已经自带了简单的配置,只需要进行简单的配置即可开始使用。在 Hyper 的配置文件中 ~/.hyper.js
中添加以下代码:
-------------- - - ------- - -- --- -- -- --- ---------- - --------- ---- -- -------- - ------------ - --
配置项 hideDock
可以隐藏窗口所在的 Dock,使得只有系统托盘中的图标,而不会在任务栏中显示一个额外的窗口。
添加启动参数并启动 Hyper 以启用 Hyper-Tray:
-------------------------------------------- ------------
快捷键
Cmd/Ctrl + Shift + Z
显示/隐藏 Hyper 窗口;Cmd/Ctrl + Shift + ]
Hyper 窗口置顶/取消置顶。
示例代码
以下代码可以通过 git clone https://github.com/heineiuo/hyper-tray
下载到本地,并使用 npm 安装依赖后,在本地进行实际运行。
------ - --------- - ---- ------------- --- ---------- - -------- -------- --------- --------------- ------------- --------- ----------- ----- --------- ------ -------- -- -- - ------------------ ---- ------- -- ----------------- -- -- - ------------------- ------- -- ----------------- -- -- - ------------------- ------- - - --
该代码会创建一个 HyperTray 的实例,通过传入的参数来初始化 Hyper-Tray 的配置项,并对其进行了基本的事件绑定操作。其中的配置项与事件回调说明如下:
appName
:应用名称,用于标识托盘图标;iconPath
:托盘图标的绝对或相对路径;initialState
:初始化时应用的状态,可选值为 "visible" 或 "hidden";animatable
:指示窗口显示或隐藏时是否有动画效果;hideDock
:指示窗口是否隐藏 Dock,为true
时隐藏,为false
时保留 Dock;onClick
:单击托盘图标时触发的回调函数;beforeWindowShow
:在窗口显示之前触发的回调函数;beforeWindowHide
:在窗口隐藏之前触发的回调函数。
实际应用中可以根据自己的需要修改以上配置项和事件回调。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60056bde81e8991b448e58d8