基于XML的用户界面标记语言

基于XML的界面资源标记语言，允许用户使用XML技术，将界面元素（例如对话框，菜单，工具条等等）以及相关信息写入XML资源文件中，在程序运行时，动态载入。从而赋予了应用程序更为强大的界面处理能力。采用基于XML的界面标记语言，开发者可以获得如下的好处：

当资源改变的时候，无需重新编译和链接应用程序

将资源和代码分开的策略，使程序的设计和开发更具灵活性

在运行时，可以动态地改变资源文件，从而改变应用程序的风格和外观

使得用户界面程序可以跨平台运行

实现外观，数据，以及程序逻辑的层次性划分

由上可知，基于XML的用户界面标记语言，能够为用户应用程序的开发模式带来近乎革命性的变革，尤其是微软在MSDN网站上通告了自己的XAML（XML Application Markup Language）语言之后，更引起了大家对这项技术的广泛关注。

下文就针对目前最受关注的两种用户界面标记语言XUL（XML User Interface Language)和XAML进行一些介绍和对比，希望能够引起大家对这项技术的分析和讨论。

1.什么是XUL

XUL也许是历史最久远也最广为人知的XML-based GUI language，它由mozilla基金会创建，其目的是为了快速开发mozilla项目的界面工作，目前mozilla suit的界面都是由xul实现的，包括Mozilla browser suite, 轻量级的浏览器Firebird, 邮件客户端Thunderbird 以及Netscape browser suite。 Safari

同样实现了 一些XUL,另外还有一个项目（Luxor toolkit）使用XUL为 Java Swing定义用户接口，其他的xul实现可以参考XUL Alliance。

2.XUL 简述

2.1 XUL的结构

XUL是一种标记语言，用来定义用户界面元素的布局，而界面的外观（颜色，字体等等）可以通过属性以及CSS和图片定义。

元素的行为则通过脚本ECMAScript定义，也可以使用编译的从c++通过AOM（是W3C的DOM扩展）与元素交互。行为与XUL元素的绑定是通过XBL技术实现的，该技术是由mozilla发布的，并已经向W3C提交。因此通过CSS或者DOM，便可为特定的元素绑定外观和行为。

目前XUL还不支持SVG，XForms，SMIL以及其他的UI相关的W3C技术，当然，没有理由以后还不支持，实际上目前已经有项目正在使mozilla支持SVG（要注意的是，在XAML中，微软使用了自己的矢量图像语言WVG，并且和SVG并不兼容，同样，还有一个和SMIL很相像的动画语言）。

XUL语言的tags由下列四种元素组成：

（1）布局元素（比如hbox，vbox，grid以及stack等）

（2）构件widgets（比如menulist，menubar，toolbar以及button等）

（3）命令，加速键（比如command以及keyset）

（4）xul模板（为UI绑定后台数据，使用RDF）

在Mozilla中处理XUL文件的过程，与显示一个HTML页面的过程很相似（尽管没有surrounding Window chrome），首先是XML文件被解析，将XUL文件中的标签构建为一棵DOM（Document Object Model）树，在这个过程中，相关联的CSS将被用来定义标签的外观，在建立布局对象之后，便可以将结果显示给用户了，例如是一个对话框，或者是一个窗体。

究其本质，XUL的核心还是比较简单的，它的目的便是采用XML语言对对话框以及窗体上GUI元素及其布局进行描述。

因此，要想真正地使用XUL技术，便不可避免地需要下列技术的支持：CSS，DOM，RDF，XML，XBL，JS以及XPCOM。

2.2 XUL的装载

载入XUL文件可以大致分为五个步骤：

（1）XML文件被用来构建了一棵DOM树

（2）CSS被用来定义这棵DOM树的外观

（3）XBL通过CSS被附加，用来定义构件（widgets）的实现。有些构件采用C++定义，有的采用XBL/JS定义，还有一部分是两者的混合。XBL对于构件的实现是非常重要的（除非你要自己设计自定义的构件）。

（4）JS可以在XUL文件中对事件进行处理，许多服务都可以通过XPCOM封装被JS调用。这也正是mozilla工具包定义的核心所在，包括文件i/o，网络装载，拖拽功能（drag and drop）等等。

（5）RDF提供了为用户界面绑定后台数据的功能。可以把它当作一个信息（也许存储于数据库中）与用户界面的胶水层。

Mozilla还为XML文件和脚本提供了一种二进制的方式，从而避免了对XUL文件进行不必要的多次解析，CSS的风格定义是极为快速的（也就是说是高度优化的），而JS也是不错的，速度也很快，主要被用来绑定用户界面和后台的服务（也许是C++实现的）。

当然，使用XML+CSS的引擎也有问题，那就是用户希望GUI的窗体能够立即显示，与此对照的是，也许浏览器装载一个网页需要1到2秒的时间用户也可以忍受。所以从这一点上来说，采用这种用户界面技术的应用程序需要足够快的机器来运行，以弥补构建用户界面所需的额外花销。

还有一点要注意的是，与采用预定义的构件相比，使用用户自定义的构件并不会增加系统显示窗口的时间，因为构建XML，DOM，定义风格，以及布局等操作的消耗，都与是否采用了预定义的构件无关。

2.3 XUL的实现

要实现XUL，必须：

（1）建造一个XUL+CSS+DOM+JS的布局引擎

（2）实现附加的布局基元（layout primitives），比如spring，strut模型以及popups等，这些附加的布局基元可以和标准的CSS定义的布局基元进行互操作。

（3）实现一个二进制的cache，以便加速XML和JS的重载速度。

（4）实现一个组件/标签扩展模型，例如XBL，允许XML标签可以被定义为组件，并在其他的页面，窗口和对话框中复用。

（5）实现系统其他构件的XML标签支持，例如tree等等，这些构件在HTML中没有实现。

（6）通过某种数据绑定形式（Mozilla采用的是RDF），提供后台数据与GUI XML文件的绑定。

（7）除了本地语言格式之外，还要为JS提供一套完整的SDK，支持文件I/O，网络等操作。

（8）实现基础构造支持，提供命令运行和命令更新的支持

（9）为CSS和XML实现一种高效的内存缓存，以便实现轻量级的原型复制和共享（可以使用类似“写时拷贝”的语义）。

3.什么是XAML

微软将在2006年推出的Longhorn平台，包括多种技术更新，包括：

（1）与下一代SqlServer技术结合的文件存储系统WINFS

（2）新的表现子系统（Presentation subsystem）"Avalon"

（3）号称是下一代SOAP的新的通讯子系统"Indigo"等

而在其Avalon子系统中最大的技术亮点便是其推出的界面声明语言XAML（发音为''zammel''）， 微软在十月份的PDC（Professional Developers Conference）上发布了该语言的声明，马上引起了广泛的关注，XML-based GUI languages在过去几年内发展很快，尤其是mozilla平台的XUL(发音‘zool’),被认为是界面声明语言的发展方向。而此次微软推出的XAML，和mozilla平台的xul有着很多相似之处，因此我们有必要对XAML进行一些了解和对比。 

[下一页]

4.XAML 简述

微软的XAML是进入XML-GUI竞争的新成员，由于微软对自己产品技术的强力宣传，还是立即引起了众多的注意和评论。

由于微软的Longhorn要等到2006年才发布，因此XAML也许会在此期间发生比较大的改动。

XAML通过XML的语法，使用微软新的基于矢量的图形库（vector-based drawing library）Avalon。对于Mac程序员来说，Avalon和Apple的Quartz（基于PDF和OpenGL）很相像，而对于linux程序员来说，会觉得这种xml+vectors的组合来自KDE和GNOME的桌面环境。因此可以说，XAML并没有什么新的或者独特的技术。相对新的东西是，原始的XAML文件可以通过Longhorn版本的IE进行浏览，这一点和XUL可以通过mozilla浏览器浏览有几分相似。

XAML被用来创建画布（canvases，一个用来显示图像，文字以及widgets的区域）、widgets（比如一个button或者menu）以及shapes（比如圆，直线，贝塞尔曲线等）等的实体，这些元素最初始的外观通过他们的属性来定义（就像XUL和SVG一样），或者使用一个XAML特有的''style''元素（element）来定义。元素的行为可以使用任何.NET兼容的语言来定义（目前支持C#, VisualBasic.NET or JScript.NET），有两种方式可以将行为与界面元素绑定，一种是将行为的定义（代码）附加在XAML文件中的CDATA段落中，另外一种是通过一个和W3C的DOM类似的树状结构对widget进行访问。