Sciter简介.doc

Sciter简介 Sciter是一个用于设计现代化PC桌面应用程序UI层的可嵌入的“HTML/CSS/脚本化”引擎。 Sciter使PC桌面应用程序可以使用web技术设计界面，所以web设计者和开发者可以重用他们在应用程序设计方面的经验。 背景 从2006年开始，Sciter已经被很多家公司使用了。目前，基于Sciter的UI程序运行在超过1.2亿台PC和Max机器上。因此，在你的机器上可能已经有使用Sciter的应用程序了。 Sciter使用HTML5元素的集合，实现了全部CSS 2.1标准，加上当前最流行的CSS3的特征。它也包含一些用于支持桌面UI的自定义CSS扩展。例如flex单位和各种各样的布局管理器。 Sciter是HTMLayout的下一个大版本升级，相比HTMLayout，Sciter增加了硬件加速、跨平台支持和TIScript; 在以下场景下可以考虑使用Sciter 具有动态UI的应用程序 —— 整个UI或者它的一部分是实时组合的。UI更新可以使用直接操作DOM，模板化实例或者为UI设置内建的PHP样式模板处理。 具有动态生命周期的应用程序 ——频繁的功能性和UI设计变化。HTML/CSS资源为可执行程序本身的一部分或者可以从你的公司的web服务器(HTTP)下载。很像普通的Web浏览器。 应用程序需要控制网络流量。外部资源的所有请求都通过主机scn_load_data通知应用程序。你可以使用自己的资源装载机或委托其加载内置的HTTP客户端。 应用需要UI主题和风格或者用户选择的OS主题。 应用程序需要非通用的用户输入的方法。sciter提供扩展的输入集合和可定制的元素（控件）盒。 支持的平台 Windows: Windows Vista, Windows 7 and Windows 8.X - Sciter 使用支持硬件加速的Direct2D图形库。 Windows XP - Sciter 使用GDI+图形库。 Mac OS X - Sciter使用标准的Core Foundation和图形元素。 Linux OS 家族(Ubuntu, Steam OS, etc.) - Sciter 使用GTK+/Cairo图形库。 架构 Sciter内部包含以下模块： 紧凑和快速的HTML / CSS渲染引擎。CSS（层叠样式表）相当于CSS2+部分CSS3(像transorm 、transitions )+为桌面UI专门设计的自定义特征(例如flow属性和flex单位)。 TIScript脚本引擎。一个扩展版本的JavaScript。它具有真正的类和命名空间，同时保持JavaScript的灵活性。该引擎包含： 编译源码成字节码的编译器。 执行字节码的虚拟机(VM)。 运行时—— 一些本地类和函数的集合 —— 标准JavaScript运行时的超集。 Sciter的SDK包含tiscript.exe —— 独立tiscript编译器和解释器，可以编译你的脚本，所以你可以将字节码作为资源文件存储在你的应用程序中。 DOM API模块 —— 包含轻而实用的可以在脚本和本地代码中使用的DOM模型。你可以认为Sciter已经包含了prototype.js、AJAX 和部分JQuery的本地实现。 弹出和分离窗口模块 —— 如果需要，你可以将一些DOM元素作为弹出窗口或者菜单来展示，或者如Hint等其他方式展示。 对话框窗口模块 —— 你可以定义你的HTML/CSS资源对话框。如果需要，你也可以使用系统文件打开/保存、选择打印机等对话框。 内建的行为 —— 下面列出了一些Sciter内建的行为(behaviors): 输入元素: 单/多行文本输入元素； 掩码(masked)文本输入元素; 数字和金额输入元素; 日期、时间、日历输入元素; 垂直和水平的滑块元素; 单独的滚动条输入元素; 输出元素: 进度条元素 shell icon behavior - 允许使用OS中的文件类型图标 form元素 ——可以向Web服务器提交inline/pasted图片。 图形库的实现——在脚本中可以自绘元素：使用提供的paintBackground、paintContent、 paintForeground方法来绘制元素的展现面。这些paint****方法是在原绘制的基础上进行绘制。 所有的图形原语如graphics.drawLine()、graphics.drawImage()是被直接的翻译成对应的Direct2D方法，所以它们也是支持硬件加速的。 Sciter SDK中包含的库和示例 samples/+plus -类似于AngularJS 的数据绑定库。小且非侵入的MV*（Model-View-Whatever）