用户界面的设计.ppt

项目9：定制UI－PDA的界面定制（2） 本节课程主要知识点 用户界面的设计 用户界面的定制 重点和难点 重点 定制用户界面 难点 用户界面相关代码的修改 用户界面的设计 界面的设计原则（1/2） 用户有足够的控制权 界面要提供用户控制权，使得用户可以有效管理设备的资源。 使用熟悉的概念 采用基于Windows的界面，使用平时用户经常用到的概念。 保持一致性 保持界面的一致，在切换窗口后，界面仍保持原有风格。 界面的设计原则（2/2） 提供程序的运行信息 在程序运行出错或运行结束时，要提供程序的运行信息，以帮助用户明确程序运行的状态。 支持多种输入方法 在系统资源允许的情况下，尽量提供多一些的输入法，以提高设备的适应性。 设计窗口和对话框 Windows CE5.0不支持用户改变窗口大小。 Windows CE提供了三种对话框 应用程序定义的对话框 消息框 属性表单 使用标准的对话框设计方法来实现。 设计菜单 Windows CE常常将菜单栏和工具栏组合为命令栏。 Windows CE支持四种类型的菜单 弹出式 滚动式 级联式 下拉式 采用标准的菜单设计方式来实现。 设计采用命令栏 为了尽量扩大客户区屏幕可用尺寸，Windows CE支持一种新的控件：命令栏。 命令栏是组合了菜单栏、工具栏和可选的地址栏。 命令栏可以放置组合框、编辑框和按钮。 Windows CE支持多个命令栏。 设计中选择控件 窗口控件 发送WM_COMMAND消息。 公共控件 发送WM_NOTIFY消息。 基础控件 文件控件 标度控件 信息控件 杂类控件 使用颜色的原则（1/2） 屏幕上一次显示的颜色不超过四种，整个应用程序使用的颜色不超过八种。 将颜色与其他强调技术一 起使用，以区分界面上的区域或识别重要功能。 避免使用如红和蓝或黄和紫颜色组合， 它们会图像显得模糊。 设计应用程序时还要考虑灰度级显示器。 使用颜色的原则（2/2） 用颜色对比度提高视图效果。 避免使用缺乏对比度的颜色和具有相同亮度的颜色，这些颜色不易区分。 使用黑色、白色和灰色提高分辨率。 使用通用的颜色关联提高熟悉程度，如红色表示停止，绿色表示前进。 设计中使用图标 图标用于表示属性或任务，有效的图标可以清楚地表现其功能。 图标通常用于按钮上，也可以用于进度指示器。 用户界面的定制 创建皮肤 皮肤 控件及其它用户界面元素的外表。 通过更改皮肤可以提高产品的适应性、增加产品的灵活性及丰富产品的外表。 皮肤的相关代码 可以修改的皮肤代码为drawing代码。 Windows CE5.0将可换肤元素的drawing代码和其它代码分开，以支持创建皮肤。 Drawing代码所在的文件的目录 C:\WINCE500\public\common\oak\drivers\skinnableui Platform Builder会自动将更改后的代码并入GWES模块，并包含在操作系统中。 可以换肤的控件 公共控件 标题头控件、进度条、Rebar、 工具条和跟踪条。 窗口控件 按钮、组合框、列表框、滚动条、静态控件。 控件所在路径 $(_WINCEROOT)\public\common\oak\drivers\skinnableUI\gwe 定制控件：避免使用以下控件 难以使用的控件 挨的太近的控件 难以理解的控件 难以区别的的控件 被隐藏的控件 不可预测的控件 其它用户界面定制项目 系统颜色 界面中的字体 操作系统用户界面组件 内存不足用户对话框 启动用户界面 触摸屏校准 系统颜色 通过更改注册表入口来实现定制颜色 HKEY_LOCAL_MACHINE\SYSTEM\GWE\SysColor 此入口包含了27个DWORD值，用以定义颜色。 界面中的字体 通过定制字体可以改变操作系统的外表。 字体占用系统存储资源比较大，在定制系统中要充分考虑硬件资源的支持来决定字体的丰富程度。 内存不足对话框 当内存低时跳出以便用户重新分配对象存储。 定制此对象的目录 C:\WINCE500\public\common\oak\drivers\oomUI\ 启动用户界面 用户唤醒设备时出现 更改代码的目录 C:\WINCE500\public\common\oak\drivers\startUI\ 触摸屏校准 触摸屏校准组件用于物理位置到屏幕坐标的映射。 更改代码的目录 C:\WINCE500\public\common\oak\drivers\CalibrUI\ * *