第4章通用功能界面设计

1、-2-第第4 4章章 通用功能通用功能界面设计界面设计目目 录录4.1 4.1 界面风格设计界面风格设计4.2 4.2 快捷键设置快捷键设置4.3 4.3 进度指示器进度指示器4.4 4.4 打印机设置打印机设置本章小结本章小结-3-第第4 4章章 通用功能通用功能界面设计界面设计4.1 4.1 界面风格设计界面风格设计4.1.1 4.1.1 三层结构设计三层结构设计面向对象方法与技术的主要特征之一是继承。面向对象方法与技术的主要特征之一是继承。继承有单继承和多继承之分：继承有单继承和多继承之分：单继承单继承是指一个类只继承另外一个类是指一个类只继承另外一个类的属性和服务；的属性和服务；多继承

2、多继承是指一个类继承了两个或两个以上类的属性是指一个类继承了两个或两个以上类的属性和服务。和服务。 图图4.1 4.1 三层树形三层树形GUIGUI结构结构实施层实施层 风格层风格层 模块层模块层 -4-第第4 4章章 通用功能通用功能界面设计界面设计风格层是整个系统界面的模板层，对整个系统界面风格的设计起主导风格层是整个系统界面的模板层，对整个系统界面风格的设计起主导作用，包括界面的色调和对象布局等。作用，包括界面的色调和对象布局等。模块层的模块指系统相关业务模块，该层是基于问题域考虑的，以系模块层的模块指系统相关业务模块，该层是基于问题域考虑的，以系统业务划分模块。它既继承了风格层的界面风

3、格，又在用户界面中引统业务划分模块。它既继承了风格层的界面风格，又在用户界面中引入了能适应业务特点的变异成分，是系统界面风格与系统业务的结合入了能适应业务特点的变异成分，是系统界面风格与系统业务的结合体。体。实施层是最低层，是系统业务的具体执行层。同样，它是系统风格、实施层是最低层，是系统业务的具体执行层。同样，它是系统风格、业务风格和具体业务实施操作界面需求的结合体。业务风格和具体业务实施操作界面需求的结合体。4.1.2 4.1.2 界面布局界面布局屏幕界面布局屏幕界面布局是由各个界面构件在屏幕界面中的位置、大小、图样等是由各个界面构件在屏幕界面中的位置、大小、图样等构成的整体屏幕格局。构成

4、的整体屏幕格局。在系统应用中，除后来动态改变外，对象的绝大部分属性，如大小、在系统应用中，除后来动态改变外，对象的绝大部分属性，如大小、布局、形状和色调等都是开发阶段的再现。因此，经常会出现用户界布局、形状和色调等都是开发阶段的再现。因此，经常会出现用户界面与分辨率不协调的情况。面与分辨率不协调的情况。 分辨率越低，用户界面显得越大，有些部分超出屏幕范围而无法看到；分辨率越低，用户界面显得越大，有些部分超出屏幕范围而无法看到；反之，分辨率越高，界面越小，有时会给查看带来困难。反之，分辨率越高，界面越小，有时会给查看带来困难。在三层结构中，只要将变换公式写入根类适当的事件中，不仅实现了在三层结构

5、中，只要将变换公式写入根类适当的事件中，不仅实现了系统的界面布局而且也方便了对系统布局进行统一的管理。系统的界面布局而且也方便了对系统布局进行统一的管理。 -5-第第4 4章章 通用功能通用功能界面设计界面设计改变分辨率后的界面改变分辨率后的界面正常界面正常界面-6-第第4 4章章 通用功能通用功能界面设计界面设计4.1.3 4.1.3 界面风格界面风格 界面风格界面风格是指在不同的屏幕界面设计中所表现出来的特色和个性。是指在不同的屏幕界面设计中所表现出来的特色和个性。 下面以信息系统最常用的用户界面之一下面以信息系统最常用的用户界面之一软件质量度量工具基本信息软件质量度量工具基本信息模块的查

6、询与录入界面为例，说明三层结构的设计。模块的查询与录入界面为例，说明三层结构的设计。图图4.2 4.2 风格层类风格层类w_rootw_root编程编程阶段用户界面阶段用户界面 图图4.3 4.3 模块层编程阶段用户界面模块层编程阶段用户界面继承后的浏览界面继承后的浏览界面继承后的录入和编辑界面继承后的录入和编辑界面-7-第第4 4章章 通用功能通用功能界面设计界面设计图图4.4 4.4 查询概貌浏览查询概貌浏览-8-第第4 4章章 通用功能通用功能界面设计界面设计图图4.5 4.5 录入界面录入界面-9-第第4 4章章 通用功能通用功能界面设计界面设计4.1.4 4.1.4 单单sheets

7、heet界面界面 在某些软件系统的应用中，同一时间内只允许多文档界面的一个在某些软件系统的应用中，同一时间内只允许多文档界面的一个sheetsheet界面出现，即该界面关闭之前，其他界面对用户是不可见的，同时界面出现，即该界面关闭之前，其他界面对用户是不可见的，同时由由sheetsheet注册在系统菜单中的菜单项也是不可见的。注册在系统菜单中的菜单项也是不可见的。图图4.6 4.6 单单sheetsheet界面界面-10-第第4 4章章 通用功能通用功能界面设计界面设计4.2 4.2 快捷键设置快捷键设置 快捷键对于一个信息系统快捷键对于一个信息系统开发者来说，作用不一定明显，开发者来说，作用

8、不一定明显，但对于一个信息系统最终用户但对于一个信息系统最终用户可能很有用。因为最终用户可可能很有用。因为最终用户可能只操作系统的一个或几个功能只操作系统的一个或几个功能模块，而且频繁操作这几个能模块，而且频繁操作这几个模块模块 。4.2.1 4.2.1 捕捉快捷键捕捉快捷键 在程序中在程序中keyflagskeyflags为按键为按键标志，取值及对应键为：标志，取值及对应键为：v 1 Shift key1 Shift keyv 2 Ctrl key2 Ctrl keyv 3 Shift 3 Shift 和和 Ctrl keys Ctrl keys string ls_text /string

9、 ls_text /存储快捷键字符串存储快捷键字符串/使用非使用非ShiftShift、CtrlCtrl键键IF keyflags = 0 THENIF keyflags = 0 THEN CHOOSE CASE key CHOOSE CASE key CASE KeyF2! CASE KeyF2! ls_text = F2 ls_text = F2 CASE KeyF3! CASE KeyF3! ls_text = F3 ls_text = F3 CASE KeyF12! CASE KeyF12! ls_text = F12 ls_text = F12 END CHOOSE END CHOO

10、SE / /执行相应快捷键功能执行相应快捷键功能 ELSEIF keyflags = 2 THEN /ELSEIF keyflags = 2 THEN /使用使用CtrlCtrl键键 /其他带其他带Ctrl keyCtrl key功能功能 END IF END IF -11-第第4 4章章 通用功能通用功能界面设计界面设计4.2.2 4.2.2 执行快捷键功执行快捷键功 /接前面程序接前面程序integer i /按控件数循环按控件数循环FOR i = 1 TO UpperBound(control) /检查控件类型是否为检查控件类型是否为CommandButton IF controli.T

11、ypeOf() = CommandButton! THEN /如果是命令控件如果是命令控件 cb_CommandButton = controli /检查按钮文本是否包含检查按钮文本是否包含ls_text中内容中内容 IF POS(cb_CommandButton.text,ls_text) 0 THEN /检查按钮是否可操作检查按钮是否可操作 IF cb_CommandButton.enabled AND & cb_CommandButton.visible THEN /执行快捷键执行快捷键 cb_CommandButton.POSTEVENT(clicked!) END IF END IF

12、 END IFEND FOR -12-第第4 4章章 通用功能通用功能界面设计界面设计4.3 4.3 进度指示器进度指示器 进度指示器设计的主体思路是：在一个显示进度条的窗口上使用两进度指示器设计的主体思路是：在一个显示进度条的窗口上使用两个大小相同，位置重叠用户对象控件，控件上的用户对象的前景色与背个大小相同，位置重叠用户对象控件，控件上的用户对象的前景色与背景色互反。景色互反。 图图4.7 4.7 两个进度条不重叠的显示方式两个进度条不重叠的显示方式用户对象用户对象1 1（上方）（上方）用户对象用户对象2 2（下面）（下面）-13-第第4 4章章 通用功能通用功能界面设计界面设计4.4 4

13、.4 打印机设置打印机设置4.4.1 4.4.1 普通打印设置普通打印设置 普通打印设置普通打印设置是为了打印信息系统中的各种数据和各类统计报表而是为了打印信息系统中的各种数据和各类统计报表而对打印机所作的设置。对打印机所作的设置。图图4.8 4.8 普通打印机设置普通打印机设置-14-第第4 4章章 通用功能通用功能界面设计界面设计图图4.9 4.9 包含数据窗口控件的打印窗口包含数据窗口控件的打印窗口-15-第第4 4章章 通用功能通用功能界面设计界面设计 数据窗口格式设置内容可以以文本方式保存在本地计算机上，也可数据窗口格式设置内容可以以文本方式保存在本地计算机上，也可以保存在数据库中，

14、前者只能在所保存的计算机中生效，后者只要以设以保存在数据库中，前者只能在所保存的计算机中生效，后者只要以设置时的身份进入系统，在安装该系统的其他计算机中均有效。置时的身份进入系统，在安装该系统的其他计算机中均有效。 保存打印设置数据库表结构主体保存打印设置数据库表结构主体为：为：CREATE TABLE XT_SETDEFAULT( OPT_IDVARCHAR2(20) NOT NULL, /用户用户ID DEF_TYPEVARCHAR2(10 NOT NULL, /操作类型操作类型 DEF_MENUNAMEVARCHAR2(250) NOT NULL, /菜单名称菜单名称 DEF_CLASS

15、NAME VARCHAR2(40) NOT NULL, /对象类名称对象类名称 PRIMARY KEY(OPT_ID,DEF_TYPE,DEF_MENUNAME, DEF_CLASSNAME); -16-第第4 4章章 通用功能通用功能界面设计界面设计4.4.2 4.4.2 特殊打印设置特殊打印设置 在信息系统中，为了完成一些特定打印功能所做的设置在信息系统中，为了完成一些特定打印功能所做的设置称为特殊打称为特殊打印设置印设置。下面以医院系统收银员所需的打印设置为例，说明一种下面以医院系统收银员所需的打印设置为例，说明一种P2PP2P打印打印设置。设置。 图图4.10 4.10 单据类型与打印

16、机设置单据类型与打印机设置-17-第第4 4章章 通用功能通用功能界面设计界面设计【设置】按钮程序如下：【设置】按钮程序如下：string ls_default integer i/清空设置界面清空设置界面dw_setup.reset()/判别操作系统类型判别操作系统类型CHOOSE CASE sysbasic.ostype /读取打印机名称并存入字符串数组变量读取打印机名称并存入字符串数组变量ls_default中中 CASE windows! RegistryKeys(HKEY_CURRENT_CONFIGSystem + & CurrentControlSetControlPrintPr

17、inters,ls_default) CASE windowsnt! RegistryValues(HKEY_CURRENT_USERSoftwareMicro + & softWindows NTCurrentVersiondevices,ls_default)END CHOOSE/将打印机名称放入数据窗口将打印机名称放入数据窗口dw_setup中中FOR i=1 to UpperBound(ls_default) dw_setup.insertrow(0) dw_setup.setitem(i,printername,ls_defaulti)END FOR -18-第第4 4章章 通用功能通用功能界面设计界面设计【保存】按钮程序如下：【保存】按钮程序如下： /将数据窗口的内容存入文件将数据窗口的内容存入文件YYPrinter.txt中中 dw_setup.SaveAs(sysbasic.homedir + & YYPrinter.tx