联系方式

全国服务热线

13730168216
客服QQ:944628958
TOP

企业品牌创建打造XML 用户界面语言(XUL)开发简介(3)

责任编辑:保定网站制作|保定建网站|保定网站建设|  发布时间:2020-05-16


您的应用程序看起来很单调,可以很轻松地为其添加更好的外观。所需的只是一个小小的 CSS,就像在 Web 页面上使用一样。可以将类和/或 ID 添加到每个部件上。可以为......

您的应用程序看起来很单调,可以很轻松地为其添加更好的外观。所需的只是一个小小的 CSS,就像在 Web 页面上使用一样。可以将类和/或 ID 添加到每个部件上。可以为这些类编写 CSS 选择器,或者用特定部件的 ID 为其编写 CSS 选择器,就像创建 Web 页面时的操作一样。

DOM:文档对象模型

最后,您可以使用 Firefox 3.0 作为 XUL 运行时。它的功能和 XULRunner 很相似。如果通过 xulrunner <path_to_app>/application.ini 在命令行使用 XULRunner 调用了您的应用程序,那么要使用 Firefox 3.0 的话,就需要使用 firefox -app <path_to_app>/application.ini 命令。

您或许在 中注意到,有一个叫做 preview 的 HTML div。这是一个用来预览博客条目的 HTML 区域。它让用户进入正常的 HTML,然后单击 preview 按钮查看外观。但是如何将编辑器中的 HTML 转换成在 preview 区域上显示的 HTML。回头看看 XUL 代码,【产品品牌设计:18531285557】,您将看到一个 preview() 函数,它在用户单击 Preview 按钮时被调用。清单 6 展示了在 blog.js 文件中的 preview() 函数。

XPCOM 和 XBL

如果已经熟悉了 XUL,但可能又忘记了 XUL 的两个重要功能:XPCOM 和 XBL。别担心,现在将介绍这些技术,而且本教程稍后还显示它的功能。您将会看到如何使用这些技术来增强所开发的应用程序的功能。首先介绍 XPCOM。

先决条件

XUL 完全是开源的。为了使用 XUL 进行开发以及实践本教程的示例,【保定seo优化:13730168216】,您需要下载:

图 4. Spket IDE

XUL 是什么?

XUL 表示 XML 用户界面语言(XML User Interface Language)。因为是 XML,所以 XUL 是一种声明性语言。XUL 提供了丰富的 UI 部件集合,这些部件可以加速开发进程。它是一种跨平台的语言,可以在 Linux™ 上构建自己的 XUL 应用程序,然后在 Windows® 上运行该程序。XUL 大量使用了 Web 技术,例如 JavaScript 和 Cascading StyleSheets(CSS)。甚至可以将 HTML 直接集成到 XUL 应用程序中。深入了解 XUL 以及它为何成为备受关注的开发平台。

在 中需要注意的关键是,其中的代码跟实现从 Web 页面调用 Ajax 而编写的代码类型相同。最大的区别在于,不用担心 Internet Explorer 的不同版本,或者甚至是 Firefox(或者 Safari、Opera 和其他浏览器)的不同版本。这在很大程度上简化了 XMLHttpRequest 的使用。

XUL 开发环境

在了解 XUL 时已经注意到,可以使用 XUL 做许多不同的事情。因此,没有绝对适合的 XUL 开发环境。一般而言,【保定高端网站建设:13730168216】,您将会基于 XUL 的不同用途配置环境。

清单 1. application.ini 文件

[App] Vendor=developerworks Name=xulblogger Version=0.2 BuildID=20080924 [Gecko] MinVersion=1.9

UI:用户界面

运行应用程序

您可以使用 XULRunner 或 Firefox 启动这个应用程序。图 5 是博客编辑器 UI 的屏幕截图。

共6页:

上一页

1

2

原文标题:XML 用户界面语言(XUL)开发简介(3)