跳转到主要内容

单击提交则表示您同意developerWorks 的条款和条件。 查看条款和条件.

当您初次登录到 developerWorks 时,将会为您创建一份概要信息。您在 developerWorks 概要信息中选择公开的信息将公开显示给其他人,但您可以随时修改这些信息的显示状态。您的姓名(除非选择隐藏)和昵称将和您在 developerWorks 发布的内容一同显示。

所有提交的信息确保安全。

  • 关闭 [x]

当您初次登录到 developerWorks 时,将会为您创建一份概要信息,您需要指定一个昵称。您的昵称将和您在 developerWorks 发布的内容显示在一起。

昵称长度在 3 至 31 个字符之间。 您的昵称在 developerWorks 社区中必须是唯一的,并且出于隐私保护的原因,不能是您的电子邮件地址。

单击提交则表示您同意developerWorks 的条款和条件。 查看条款和条件.

所有提交的信息确保安全。

  • 关闭 [x]

扩展 IBM Lotus Notes V8 主题

许 红 (xuhong@cn.ibm.com), 软件工程师, IBM 中国软件开发中心
许红 ,IBM 中国软件开发中心软件工程师,目前从事 Lotus Notes 的开发工作。
梁 骞 (liangq@cn.ibm.com), 高级软件工程师, EMC
梁骞, IBM 中国软件开发中心,现在从事 Workplace Managed Client 软件的开发工作,通过 liangq@cn.ibm.com 可以与他联系。

简介: Lotus Notes 8 提供了灵活的方式来扩展其功能,增强用户体验。本文叙述了如何通过扩展主题扩展点来增加 IBM Lotus Notes V8 的主题,从而个性化 Notes V8 的外观。

发布日期: 2008 年 8 月 25 日
级别: 初级
访问情况 : 1666 次浏览
评论: 


主题

IBM Lotus Notes V8 构建于 Lotus Expeditor 平台之上,借助于 Expeditor 平台的扩展性,用户可以比较方便地对 Lotus Notes 进行配置和个性化。 IBM Lotus Expeditor 平台提供了一系列可以应用主题的控件。通过主题可以定义这些控件的外观,从而个性化 Lotus Notes 的界面,比如颜色,字体以及背景样式等。

IBM Lotus Notes V8 提供两种默认的主题:Notes 主题 (Notes Theme) 和操作系统主题(Operating System Theme)。用户可以通过点击菜单 “File” > “Preferences” 打开参数配置界面,在界面左边的参数列表里选择“Windows and Themes”打开主题配置界面,从而指定当前使用的主题。


图 1. Lotus Notes 的 Theme 设置
图 1. Lotus Notes 的Theme设置

图 2. Notes Theme 外观
图 2. Notes Theme外观

图 3. OS Theme 外观
图 3. OS Theme 外观

主题扩展点

Lotus Expeditor 通过主题扩展点 com.ibm.rcp.ui.themes 来管理当前可用的主题。用户可以通过实现该扩展点将自己的主题加入到 Lotus Notes V8 中。 添加成功后它将显示在窗口和主题(“Preference”>“Windows and Themes”)配置界面中的可选主题下拉表中。

com.ibm.rcp.ui.themes 使用层叠样式表(Cascading Style Sheet) 来定义界面的表现形式。有关 CSS 的说明请参考 http://www.w3.org/Style/CSS/ 。目前 Expeditor 平台提支持多种可以被主题化的控件,如标题栏 (Title bar)、工具栏(Toolbar)、菜单栏(Menu bar)、打开列表(Open List)、状态栏(Status bar)、Tabs、Sidebar (Thin ,Open ,Closed)等。 下面通过一个实例,介绍新增主题的步骤。


配置 Eclipse 环境

  • 设置 eclipse 的目标平台 (Target Platform) 为 C:\Program Files\IBM\Lotus\Notes\framework\rcp\eclipse ;
  • 创建 eclipse 的运行环境:
    • 选择 Run - Run,然后选择 Eclipse Application 。
    • 单击右键,选择 New 。
    • 输入一个名称(例如 Notes)。
    • 在 Program to Run 下,选择 Run a product,然后选择 com.ibm.notes.branding.notes 。
    • 在 Runtime JRE 中,选择 Notes JRE 。
    • 在 Arguments 附签中,在 Program arguments 文本框中输入以下内容:
      -personality com.ibm.rcp.platform.personality 
       -product com.ibm.notes.branding.notes 
       -debug 
       -console


实现主题扩展点

  • 将主题扩展点 com.ibm.rcp.ui.themes 加入到 plugin.xml 中。
  • 右击扩展点 com.ibm.rcp.ui.themes,选择菜单“New”>“theme”。
  • 设定主题扩展点要求的字段。

    图 4. 主题扩展点
    图 4. 主题扩展点

    其中 CSS 表示定义该主题用于定义界面外观的 CSS 文件。 Label 定义了该主题的名称,它将会显示在 Notes 8 配置界面的主题列表中。 Native 表明窗口控件的缺省样式是否采用操作系统样式。如果其设为 true,表示对于没有在 CSS 中定义的可主题化的控件采用操作系统样式的设置,否则控件的样式为空。

  • 编写 CSS 文件

    Expeditor 平台提供了一个全局的 CSS 文件,它实现了对一些基本界面元素的字体、颜色、背景等的定义。我们如果希望直接使用这些已经定义好的属性,我们可以在我们的 CSS 文件中直接导入这些属性。在我们的 CSS 文件中添加如下一行,就可以实现对全局 CSS 文件的导入:

    @import url("platform:/plugin/com.ibm.rcp.ui/themes/wed61/global.css");

    如果我们希望改变其中一些属性的定义,我们可以直接在我们的 css 文件中添加相应的属性定义。例如,如果我们希望改变整个工具栏的背景颜色,我们可以加入如下定义:

    coolbar { 
    	 background-color: rgb(232, 235, 241),  rgb(177,239,184),  100%; 
    	 border-radius: 0; 
     }

    我们知道工具栏的背景色为一种渐变色,其中 rgb(232, 235, 241) 定义了渐变色的起始颜色,rgb(177, 239, 184) 定义了渐变色的结束颜色。我们也可以改变工具栏上工具条的颜色,示例如下:

    toolbar { 
    	 background-color: rgb(232, 235, 241),  rgb(177, 239, 184), 100%; 
     }

    经过修改过的工具栏效果如 图 5 所示。



    图 5. 改变了颜色的工具栏
    图 5. 改变了颜色的工具栏

    对于其他的一些界面元素属性的修改,我们可以参照插件 com.ibm.rcp.ui.css 中的文件 themes\wed61\global.css 中的定义。插件 com.ibm.rcp.ui.css 存在于 Notes 安装目录下的 framework\rcp\eclipse\plugins 目录中。

    当然,我们有时也希望能够修改一些 Notes 的 css 属性,例如邮件列表中字体的前景色和背景色等。 Notes 有相应的 css 文件,它用于定义这些属性。在插件 com.ibm.notes.branding 中,Notes 提供了一个 CSS 文件 themes\notes.css 。我们的 css 文件也可以将这个文件导入,这样我们就可以拥有 Notes 的一些缺省的 css 属性定义。我们可以加入以下语句以导入 Notes 的 css 属性:

    @import url("platform:/plugin/com.ibm.notes.branding/themes/notes.css");

    我们也可以在我们的 css 文件中添加一些属性定义来改变 Notes 的一些外观。例如我们可以通过添加如下代码来改变 Notes 邮件列表中选中的邮件的背景色和前景色:

    mailtable > row > primarySelection{ 
    		 background-color: 
    		 rgb(29,137,42), 
    		 rgb(114,226,127), 
    		 100%; 
    	 color: white; 
     }

    我们修改过的效果如图 6 所示。

    图 6. 改变了背景色和前景色的邮件列表
    图 6. 改变了背景色和前景色的邮件列表


安装主题插件

将上面的主题插件打包成 updateSite,通过以下步骤将其安装到 Lotus Notes V8 中:

  • 打开 C:\Program Files\IBM\Lotus\Notes\framework\rcp\plugin_customization,将以下行加入文件中:
    com.ibm.notes.branding/enable.update.ui=true

  • 重启 Notes,点击菜单“File”>“Application”>“Install”。
  • 选择“Search for new features to install”
  • 点击“Add Folder Location”,指定 updateSite 的路径。
  • 选择安装 GreenTheme feature,并接受 licence agreements 。
  • 当安装界面显示该 plugin 没有认证的警告时,选择“Install this plugin” 。

安装结束后,按提示要求重启 Notes,新创建的主题将会添加到配置界面的主题下拉框中,如 图 7 所示:


图 7. 包含了新主题的配置界面
图 7. 包含了新主题的配置界面

选中主题后 Lotus Notes V8 的界面如 图 8 所示。


图 8. 应用了新主题的 Lotus Notes 界面
图 8. 应用了新主题的 Lotus Notes 界面

结束语

上述例子应该能够让您学会如何将自己定义的主题放入 Lotus Notes V8 中。 同时,虽然这里我们是构建用于 Lotus Notes 的主题,实际上构建在 Lotus Expeditor 平台上的任何应用程序都可以通过定义主题来改变它的外观。



下载

描述名字大小下载方法
示例代码GreenTheme288 KBHTTP

关于下载方法的信息


参考资料

学习

讨论

作者简介

许红 ,IBM 中国软件开发中心软件工程师,目前从事 Lotus Notes 的开发工作。

梁骞, IBM 中国软件开发中心,现在从事 Workplace Managed Client 软件的开发工作,通过 liangq@cn.ibm.com 可以与他联系。

关于报告滥用的帮助

报告滥用

谢谢! 此内容已经标识给管理员注意。


关于报告滥用的帮助

报告滥用

报告滥用提交失败。 请稍后重试。


developerWorks:登录


需要一个 IBM ID?
忘记 IBM ID?


忘记密码?
更改您的密码

单击提交则表示您同意developerWorks 的条款和条件。 使用条款

 


当您初次登录到 developerWorks 时,将会为您创建一份概要信息。您在 developerWorks 概要信息中选择公开的信息将公开显示给其他人,但您可以随时修改这些信息的显示状态。您的姓名(除非选择隐藏)和昵称将和您在 developerWorks 发布的内容一同显示。

请选择您的昵称:

当您初次登录到 developerWorks 时,将会为您创建一份概要信息,您需要指定一个昵称。您的昵称将和您在 developerWorks 发布的内容显示在一起。

昵称长度在 3 至 31 个字符之间。 您的昵称在 developerWorks 社区中必须是唯一的,并且出于隐私保护的原因,不能是您的电子邮件地址。

(长度在 3 至 31 个字符之间)


单击提交则表示您同意developerWorks 的条款和条件。 使用条款.

 


为本文评分

评论

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=10
Zone=Lotus
ArticleID=341593
ArticleTitle=扩展 IBM Lotus Notes V8 主题
publish-date=08252008
author1-email=xuhong@cn.ibm.com
author1-email-cc=
author2-email=liangq@cn.ibm.com
author2-email-cc=

标签

Help
使用 搜索 文本框在 My developerWorks 中查找包含该标签的所有内容。

使用 滑动条 调节标签的数量。

热门标签 显示了特定专区最受欢迎的标签(例如 Java technology,Linux,WebSphere)。

我的标签 显示了特定专区您标记的标签(例如 Java technology,Linux,WebSphere)。

使用搜索文本框在 My developerWorks 中查找包含该标签的所有内容。热门标签 显示了特定专区最受欢迎的标签(例如 Java technology,Linux,WebSphere)。我的标签 显示了特定专区您标记的标签(例如 Java technology,Linux,WebSphere)。