使用Eclipse Ganymede进行桌面、Web和移动设备开发，第2部分（二） - 编程入门网

保存文件，并重新启动应用程序。您现在可以通过 localhost:9090/taskOrganizer 浏览到该应用程序，并且您将看到标题现在与输入内容相匹配。

图 27. 查看正在运行的备忘记事本中的被标记属性

根据浏览器的不同，您可能还会看到 favicon 已经从默认值变为所选图像。尝试关闭 浏览器。您应当会看到询问是否确认要退出应用程序的对话框出现。

图 28. 确认退出应用程序

您已经标记了应用程序。现在可以用 RAP 的主题化特性更改其界面外观。

使用Eclipse Ganymede进行桌面、Web和移动设备开发，第2部分（二）(6)

将备忘记事本主题化

主题化是基于 CSS 的，并且允许定义部件的颜色、字体、边框、空白和图像。部件自 身将定义哪些属性是可以自定义的，其中一些属性比其他属性更加灵活。不幸的是，文档 中没有说明可以在哪些部件中设置哪些属性，因此必须查看 RAP 源代码，可以在位于 http:/www.eclipse.org/rap/cvs.php 的 CVS 站点获得（可以在 Eclipse 中将这段源代 码作为独立项目导入）。在 org.eclipse.rap.rwt 包中查找名为 *.theme.xml 的文件。

图 29. 查看主题化的 RAP 部件属性

例如，菜单的主题列于 Menu.theme.xml 中，列表列于 List.theme.xml 中等等。这 些文件定义通过 CSS 可以为各自部件设置的主题属性。对于备忘记事本，我们将把文本 、工具栏和表主题化。使用 Package Explorer，在主题的根目录下直接创建目录并命名 为 po_theme。在该目录中，创建名为 po.css 的文件并添加以下 CSS 定义。

清单 6. 包含备忘记事本的主题化属性的 po.css

/*　Text　*/ Text[BORDER]　{ 　 border:　1px　solid　#1080ee; } /*　Toolbar　*/ ToolItem:hover　{ 　 background-color:　rgb(　200,　200,　200　); } /*　Table　*/ TreeColumn:hover,　TableColumn:hover　{ 　 background-color:　#8cc0ea; }

您必须将此文件注册为用于主题化的文件。打开 plugin.xml 并选择 Extensions 选 项卡。单击 Add 并选择 org.eclipse.rap.ui.themes。

图 30. 添加主题扩展点

使用Eclipse Ganymede进行桌面、Web和移动设备开发，第2部分（二）(7)

单击 Finish 把此扩展点添加到 plugin.xml 中。将文件属性值编辑为指向 po_theme/po.css 文件。通过名称属性把此文件属性命名为 Personal Task Organizer Theme 并将 ID 设为 com.devworks.tutorial.po.theme。

图 31. 设置主题化属性

这将注册主题，但是必须激活该主题，方式是让标记扩展点知道该主题。从扩展列表 中选择 org.eclipse.rap.ui. 标记，并且在 themeId 的属性中，输入 Personal Task Organizer Theme 的 ID：com.devworks.tutorial.po.theme。

需要确保 Eclipse 在编译时知道查找此文件的位置，因此浏览到 plugin.xml Build 选项卡。在 Binary Build 目录中，一定要选中 po_theme 框。

图 32. 把 po_theme 添加到构建中

保存 plugin.xml 文件并浏览应用程序以查看主题化结果。

图 33. 查看主题化的备忘记事本

通过非常少的编码和一些属性更改，您已经将应用程序修改为可以使用通过 Web 部署 的附加特性。但是为了让代码可以在全世界使用，您不可以依赖 OSGi 框架的内置 Jetty 服务器。在下一节中，您将看到如何打包和部署应用程序以在 Ecli

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!