Transcript eSpace UC ISV开发指南-

Security Level:
2015/7/21
eSpace UC ISV开发指南
客户端界面二次定制
www.huawei.com
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
目录
• 界面二次定制开发介绍
• 界面二次定制开发前的准备
• 界面二次定制开发

皮肤文件的修改

界面图片的修改

界面文字的修改

安装包的生成

定制延续性说明：获取历史界面二次定制版本中的定制资源
• 界面二次定制开发示例
界面二次定制开发介绍
eSpace客户端可以通过简单的替换图片、修改语言和皮肤文件
来实现界面的定制。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发介绍
eSpace客户端通过开放界面资源、提供资源编辑工具和定制安
装包脚本的方式支持界面的二次定制。
界面资源包括：皮肤文件、图片和语言文件三部分。
图片和语言文件可以通过图像编辑软件、记事本等工具进行修改，
皮肤文件则需要界面二次定制开发包中提供的皮肤编辑工具
(SkinBuilder)进行编辑，目前界面定制的皮肤修改只限于更改主题，
不支持修改控件位置、调整排版。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发前的准备

1. 确认 PC 上已装有安装包制作工具 Wise Installation System 9.02。

2. 安装目标版本的eSpace客户端。

3. 获取界面二次定制开发包eSpaceResource.rar 。
确认解压缩后的文件夹中包含以下内容：
RebuildSetup目录下为二次打包工具，SkinBuilder为皮肤编辑工
具。
切勿修改各文件(夹)的名称，或删除文件(夹)。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
皮肤文件的修改

1. 皮肤文件 (.dui) 位于 %eSpace%\Themes\Default\ 目录下。

2. 皮肤文件可以使用界面二次定制开发包中的皮肤编辑工具
SkinBuilder打开。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
皮肤文件的修改

3. 切勿修改 SkinBuilder界面中的工程区(A) 、编辑区(B)和控件名
称(C)中的内容 ，属性区(D)中的参数可根据后面的说明做适当的修
改。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
皮肤文件的修改

4. 修改eSpace背景主题，只需要修改属性区中各控件的Image属
性即可。有些控件会存在多个Image，例如Button中的每个Image
根据所属的父属性，表示不同状态下的背景效果，可根据具体情况
判断是否需要修改
所有Image属性。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
皮肤文件的修改

5. 修改eSpace背景主题时，点击Image属性后面的选择按钮，进
入ImageBase manager窗口。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
皮肤文件的修改
A区域：ImageBase管理区，ImageBase为自定义的图元，它
记录了选中图片资源的名称、区域和风格，界面二次定制时切勿修
改该区域内容。
B区域：图片资源-图元效果呈现/编辑区，界面二次定制时切勿
修改该区域内容。
C区域：图元区域风格、编辑区，界面二次定制时切勿修改该区
域内容。
D区域：图片资源管理区，该区域负责管理图片资源，也提供指
定图元的资源选择操作，界面二次定制时只修改该区域内容即可实
现风格、背景替换。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
皮肤文件的修改

6. 点击区域D下方的Export按钮可导出当前控件图元选中的背景图
片。

7. 导出后，ISV开发者可参考该图片的大小、格式、内容，来添加
新风格的背景图。

8. 点击区域D下方的Load按钮，导入新的背景图。

9. 选中导入的新背景图片节点，检查选中背景区域无误后，点击
OK，返回到皮肤编辑界面，观察修改效果。
皮肤背景编辑流程(从左到右)
导出资源图片
根据导出的资源图片的格式、
内容、大小，进行新资源图
片的编辑
HUAWEI TECHNOLOGIES CO., LTD.
导入资源图片
Huawei Confidential
选中新资源节点
界面二次定制开发
界面图片的修改

1. Logo图片位于 %eSpace%\Themes\Default\Image\LOGO目录下，有多种
语言的图片。

2. 表情图片位于 %eSpace%\Image\Emotion\ 目录下。

3. 默认头像图片位于 %eSpace%\Image\face\ 目录下。

4. 其他图片可以在 %eSpace%\ Themes\Default\Image\ 或 %eSpace%\Image\
目录下找到。

5. 不存在于图片目录下的界面图像资源须在皮肤文件 (.dui) 中查找 (参
考皮肤文件的修改) 。

5.以上所述路径下的图片均可修改替换，修改后，图片文件的尺寸、格
式必须保持和原图一致。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
界面文字的修改

1. 界面上呈现的大部分文字都能在 %eSpace%\ language\ 目录下对
应语种的语言文件中找到，少数文字需要在图片上修改 (参考界面
图片的修改) 。

2. 在语言文件中， 只可修改各条目‘=’
右边的内容，不可删除某条目内容。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
安装包的生成

1. 拷贝界面二次定制开发包中RebuildSetup目录
下的内容到eSpace程序目录。

2. 拷贝要进行二次定制的eSpace客户端
安装包到eSpace程序目录下的TmpExe文件
夹，并重命名为：SubESetup.EXE。
注意：放入TmpExe的安装包必须是华为发布的版本，不允许向
TmpExe文件夹放入已经进行过界面定制的版本。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
安装包的生成

3. 打开eSpace程序目录下的 eSpaceSetup(version).wse 文件，界面定
制开发时切勿修改里面的内容，直接点击右下角的 Compile 按钮，
在当前目录下生成安装包。

4. 为生成安装包文件添加正确的版本号，建议版本号与原版本一致。
例如，eSpaceSetup(v10.2.1.1000).EXE：
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发
定制延续性说明：
获取历史界面二次定制版本中的定制资源

1.获取历史定制版本安装包，以及和历史定制版本对应的华为发布
版本安装包。

2.分别安装两个安装包到不同目录。

3.使用文件二进制比较工具(例如：Beyond Compare)，比较文件
差异，历史定制版本中资源目录下的差异文件就是之前修改过的定
制资源。
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential
界面二次定制开发示例

修改前
修改后

1. Logo的修改 eSpace  Bank:
修改 %eSpace%\ Themes\Default\Image\LOGO目录下对应语种的
MyMessage_logo.png

图片；
2. 默认头像的修改：
修改 %eSpace%\ Image\ face \ 目录下的 1.png 图片；

3. 背景图片的修改：
打开 %eSpace%\ Themes\Default\ 目录下的 MyMessage.dui 文件；
HUAWEI TECHNOLOGIES CO., LTD.
Huawei Confidential

做以下修改：

修改前
HUAWEI TECHNOLOGIES CO., LTD.
修改后
Huawei Confidential
Thank you
www.huawei.com