Samples of heX (Simplified Chinese)

Lu Yuan edited this page Apr 8, 2014 · 1 revision

heX 范例

我们会不定期地更新一些有关于 heX 使用的官方范例与大家分享,这些范例将有助于更快的了解 heX API 的用法。

heX 的全部官方范例存放于 hex-samples 项目中。

用法:将各文件夹下的 web 目录及 manifest.json 复制到 heX 主程序所在目录即可。

无标题栏窗口与非客户区拖拽

captionless-window-and-non-client-area-dragging
captionless-window-and-non-client-area-dragging

这个例子主要介绍了如何通过清单文件 (Manifest) 来创建一个无标题栏的窗口,这时整个应用程序窗口均使用浏览器的渲染引擎来呈现。通过 JavaScript 的事件绑定可以自由的选择任意一个元素来充当窗口的非客户区来实现窗口的拖拽效果。

多边形窗口

polygon-window
polygon-window

这个例子主要介绍了通过清单文件 (Manifest) 来设置窗口的穿透颜色,这样浏览器中该颜色将被穿透而看到后面的内容,并且鼠标事件也将直接穿过。可以使用这个特性来实现不规则的异型窗口。

半透明窗口

opacity-window
opacity-window

这个例子介绍了半透明窗口的实现方法。

Aero Glass 下的透明

transparency-with-windows-aero-glass
transparency-with-windows-aero-glass

这个例子主要介绍了在 支持并开启了 Aero Glass 的 Windows 下透明浏览器的实现方法。若当前操作系统不支持 Aero Glass (如 Windows XP),或者没有开启 Aero Glass,则浏览器的底色将为默认的 白色 (若元素的 background-colortransparent)。

桌面 Widget 窗口

desktop-widget-window
desktop-widget-window

有时候我们需要应用程序窗口 在桌面上 (如 Windows 桌面小工具),而不随 显示桌面 功能被最小化。本例可以实现这个特性。搭配多边形窗口或者 Aero Glass 下的透明浏览器将可能出现更好的效果。

像雾一样消失

gone-with-the-clouds
gone-with-the-clouds

曾几何时,我们确实被要求过要做出 像雾一样消失 的效果,现在就让一切都随雾消失吧。

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.