电子白板软件UI界面设计

电子白板软件UI界面设计

摘  要

近几年随着智能化电子产品的普及，手机、电脑附加软件、MP3等产品的上市，人们对于外观的要求越来越高，产品的设计已经开始由物质设计向非物质设计转变，UI设计被提升到了一个新的高度和重视程度。

此次电子白板软件UI界面开发的设计与实现，主要是通过可扩展标记语言加层叠样式表配置而成，通过加载不同的层叠样式表来改变界面的样式，以实现界面的换肤技术。

该软件系统可以在Linux、Windows、Mac系统下运行，实现基本的交互。采用JAVA技术设计，并且提供灵活的功能配置，以便按用户需求使用软件，可以及时根据用户需求进行界面修改。人性化的用户界面，能够为用户提供方便快捷的操作体验，提高开发人员和测试人员的工作效率，增强界面的可用性。从而使得界面体现用户的思想，满足用户要求，并使本软件最终能够结合电子白板硬件整体使用。

关键字：换肤 标准窗口小部件工具箱 可扩展标记语言 层叠样式表 跨平台

目  录

摘  要 I

ABSTRACT II

1  前言 1

1.1项目研究背景 1

1.2项目研究现状 2

1.2.1迅雷7的换肤技术 2

1.2.2软件换肤技术在 BCB 中的实现 2

1.3项目研究的目的与意义 3

1.4系统特色 3

2  可行性分析 5

2.1技术可行性 5

2.2经济可行性 5

2.3操作可行性 5

3  需求分析 6

3.1需求定义 6

3.2系统UI模块 6

3.3系统功能模块 6

4  系统设计工具概述 8

4.1Java GUI 编程工具 8

4.1.1SWT简介 8

4.1.2 SWT、AWT、swing区别 9

4.1.3SWT优势 9

4.2JAVA解析XML 10

4.2.1DOM生成和解析XML文档 10

4.2.2 SAX生成和解析XML文档 10

4.2.3 DOM4J生成和解析XML文档 11

4.2.4 JDOM生成和解析XML 11

4.3Draw2D概述 12

5  总体设计 14

5.1总体结构设计 14

5.2系统配置要求 15

6  详细设计 16

6.1UI模块 16

6.1.1 XML解析为界面控件 16

6.1.2 CSS关于界面控件属性解析 16

6.1.3 自定义控件 17

6.1.4控件事件添加 17

6.1.5换肤 18

6.1.6换肤的记忆功能 20

6.1.7界面各模块事件响应类具体实现 21

6.2功能模块 25

6.2.1页面操作 25

6.2.3铅笔 26

6.2.4漫游 27

6.2.5几何图形 28

6.2.6导出 28

6.2.7导入 29

6.2.8橡皮檫 30

6.2.9切换 31

6.3 UI与功能的交互过程 31

7系统运行结果 33

7.1系统主界面 33

7.2运行环境规定 33

7.2.1设备 33

7.2.2支持软件 34

8 系统测试 35

8.1测试计划 35

8.2运行结果分析 36

9  总结 38

参考文献 39

附  录 40

谢   辞 45