第4章通用功能界面設(shè)計(jì)

1、-2-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)目目 錄錄4.1 4.1 界面風(fēng)格設(shè)計(jì)界面風(fēng)格設(shè)計(jì)4.2 4.2 快捷鍵設(shè)置快捷鍵設(shè)置4.3 4.3 進(jìn)度指示器進(jìn)度指示器4.4 4.4 打印機(jī)設(shè)置打印機(jī)設(shè)置本章小結(jié)本章小結(jié)-3-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)4.1 4.1 界面風(fēng)格設(shè)計(jì)界面風(fēng)格設(shè)計(jì)4.1.1 4.1.1 三層結(jié)構(gòu)設(shè)計(jì)三層結(jié)構(gòu)設(shè)計(jì)面向?qū)ο蠓椒ㄅc技術(shù)的主要特征之一是繼承。面向?qū)ο蠓椒ㄅc技術(shù)的主要特征之一是繼承。繼承有單繼承和多繼承之分：繼承有單繼承和多繼承之分：?jiǎn)卫^承單繼承是指一個(gè)類只繼承另外一個(gè)類是指一個(gè)類只繼承另外一個(gè)類的屬性和服務(wù)；的屬性和服務(wù)；多繼承

2、多繼承是指一個(gè)類繼承了兩個(gè)或兩個(gè)以上類的屬性是指一個(gè)類繼承了兩個(gè)或兩個(gè)以上類的屬性和服務(wù)。和服務(wù)。 圖圖4.1 4.1 三層樹(shù)形三層樹(shù)形GUIGUI結(jié)構(gòu)結(jié)構(gòu)實(shí)施層實(shí)施層 風(fēng)格層風(fēng)格層 模塊層模塊層 -4-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)風(fēng)格層是整個(gè)系統(tǒng)界面的模板層，對(duì)整個(gè)系統(tǒng)界面風(fēng)格的設(shè)計(jì)起主導(dǎo)風(fēng)格層是整個(gè)系統(tǒng)界面的模板層，對(duì)整個(gè)系統(tǒng)界面風(fēng)格的設(shè)計(jì)起主導(dǎo)作用，包括界面的色調(diào)和對(duì)象布局等。作用，包括界面的色調(diào)和對(duì)象布局等。模塊層的模塊指系統(tǒng)相關(guān)業(yè)務(wù)模塊，該層是基于問(wèn)題域考慮的，以系模塊層的模塊指系統(tǒng)相關(guān)業(yè)務(wù)模塊，該層是基于問(wèn)題域考慮的，以系統(tǒng)業(yè)務(wù)劃分模塊。它既繼承了風(fēng)格層的界面風(fēng)

3、格，又在用戶界面中引統(tǒng)業(yè)務(wù)劃分模塊。它既繼承了風(fēng)格層的界面風(fēng)格，又在用戶界面中引入了能適應(yīng)業(yè)務(wù)特點(diǎn)的變異成分，是系統(tǒng)界面風(fēng)格與系統(tǒng)業(yè)務(wù)的結(jié)合入了能適應(yīng)業(yè)務(wù)特點(diǎn)的變異成分，是系統(tǒng)界面風(fēng)格與系統(tǒng)業(yè)務(wù)的結(jié)合體。體。實(shí)施層是最低層，是系統(tǒng)業(yè)務(wù)的具體執(zhí)行層。同樣，它是系統(tǒng)風(fēng)格、實(shí)施層是最低層，是系統(tǒng)業(yè)務(wù)的具體執(zhí)行層。同樣，它是系統(tǒng)風(fēng)格、業(yè)務(wù)風(fēng)格和具體業(yè)務(wù)實(shí)施操作界面需求的結(jié)合體。業(yè)務(wù)風(fēng)格和具體業(yè)務(wù)實(shí)施操作界面需求的結(jié)合體。4.1.2 4.1.2 界面布局界面布局屏幕界面布局屏幕界面布局是由各個(gè)界面構(gòu)件在屏幕界面中的位置、大小、圖樣等是由各個(gè)界面構(gòu)件在屏幕界面中的位置、大小、圖樣等構(gòu)成的整體屏幕格局。構(gòu)成

4、的整體屏幕格局。在系統(tǒng)應(yīng)用中，除后來(lái)動(dòng)態(tài)改變外，對(duì)象的絕大部分屬性，如大小、在系統(tǒng)應(yīng)用中，除后來(lái)動(dòng)態(tài)改變外，對(duì)象的絕大部分屬性，如大小、布局、形狀和色調(diào)等都是開(kāi)發(fā)階段的再現(xiàn)。因此，經(jīng)常會(huì)出現(xiàn)用戶界布局、形狀和色調(diào)等都是開(kāi)發(fā)階段的再現(xiàn)。因此，經(jīng)常會(huì)出現(xiàn)用戶界面與分辨率不協(xié)調(diào)的情況。面與分辨率不協(xié)調(diào)的情況。 分辨率越低，用戶界面顯得越大，有些部分超出屏幕范圍而無(wú)法看到；分辨率越低，用戶界面顯得越大，有些部分超出屏幕范圍而無(wú)法看到；反之，分辨率越高，界面越小，有時(shí)會(huì)給查看帶來(lái)困難。反之，分辨率越高，界面越小，有時(shí)會(huì)給查看帶來(lái)困難。在三層結(jié)構(gòu)中，只要將變換公式寫(xiě)入根類適當(dāng)?shù)氖录校粌H實(shí)現(xiàn)了在三層結(jié)構(gòu)

5、中，只要將變換公式寫(xiě)入根類適當(dāng)?shù)氖录?，不僅實(shí)現(xiàn)了系統(tǒng)的界面布局而且也方便了對(duì)系統(tǒng)布局進(jìn)行統(tǒng)一的管理。系統(tǒng)的界面布局而且也方便了對(duì)系統(tǒng)布局進(jìn)行統(tǒng)一的管理。 -5-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)改變分辨率后的界面改變分辨率后的界面正常界面正常界面-6-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)4.1.3 4.1.3 界面風(fēng)格界面風(fēng)格 界面風(fēng)格界面風(fēng)格是指在不同的屏幕界面設(shè)計(jì)中所表現(xiàn)出來(lái)的特色和個(gè)性。是指在不同的屏幕界面設(shè)計(jì)中所表現(xiàn)出來(lái)的特色和個(gè)性。 下面以信息系統(tǒng)最常用的用戶界面之一下面以信息系統(tǒng)最常用的用戶界面之一軟件質(zhì)量度量工具基本信息軟件質(zhì)量度量工具基本信息模塊的查

6、詢與錄入界面為例，說(shuō)明三層結(jié)構(gòu)的設(shè)計(jì)。模塊的查詢與錄入界面為例，說(shuō)明三層結(jié)構(gòu)的設(shè)計(jì)。圖圖4.2 4.2 風(fēng)格層類風(fēng)格層類w_rootw_root編程編程階段用戶界面階段用戶界面 圖圖4.3 4.3 模塊層編程階段用戶界面模塊層編程階段用戶界面繼承后的瀏覽界面繼承后的瀏覽界面繼承后的錄入和編輯界面繼承后的錄入和編輯界面-7-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)圖圖4.4 4.4 查詢概貌瀏覽查詢概貌瀏覽-8-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)圖圖4.5 4.5 錄入界面錄入界面-9-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)4.1.4 4.1.4 單單sheets

7、heet界面界面 在某些軟件系統(tǒng)的應(yīng)用中，同一時(shí)間內(nèi)只允許多文檔界面的一個(gè)在某些軟件系統(tǒng)的應(yīng)用中，同一時(shí)間內(nèi)只允許多文檔界面的一個(gè)sheetsheet界面出現(xiàn)，即該界面關(guān)閉之前，其他界面對(duì)用戶是不可見(jiàn)的，同時(shí)界面出現(xiàn)，即該界面關(guān)閉之前，其他界面對(duì)用戶是不可見(jiàn)的，同時(shí)由由sheetsheet注冊(cè)在系統(tǒng)菜單中的菜單項(xiàng)也是不可見(jiàn)的。注冊(cè)在系統(tǒng)菜單中的菜單項(xiàng)也是不可見(jiàn)的。圖圖4.6 4.6 單單sheetsheet界面界面-10-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)4.2 4.2 快捷鍵設(shè)置快捷鍵設(shè)置 快捷鍵對(duì)于一個(gè)信息系統(tǒng)快捷鍵對(duì)于一個(gè)信息系統(tǒng)開(kāi)發(fā)者來(lái)說(shuō)，作用不一定明顯，開(kāi)發(fā)者來(lái)說(shuō)，作用

8、不一定明顯，但對(duì)于一個(gè)信息系統(tǒng)最終用戶但對(duì)于一個(gè)信息系統(tǒng)最終用戶可能很有用。因?yàn)樽罱K用戶可可能很有用。因?yàn)樽罱K用戶可能只操作系統(tǒng)的一個(gè)或幾個(gè)功能只操作系統(tǒng)的一個(gè)或幾個(gè)功能模塊，而且頻繁操作這幾個(gè)能模塊，而且頻繁操作這幾個(gè)模塊模塊 。4.2.1 4.2.1 捕捉快捷鍵捕捉快捷鍵 在程序中在程序中keyflagskeyflags為按鍵為按鍵標(biāo)志，取值及對(duì)應(yīng)鍵為：標(biāo)志，取值及對(duì)應(yīng)鍵為：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 /存儲(chǔ)快捷鍵字符串存儲(chǔ)快捷鍵字符串/使用非使用非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 / /執(zhí)行相應(yīng)快捷鍵功能執(zhí)行相應(yīng)快捷鍵功能 ELSEIF keyflags = 2 THEN /ELSEIF keyflags = 2 THEN /使用使用CtrlCtrl鍵鍵 /其他帶其他帶Ctrl keyCtrl key功能功能 END IF END IF -11-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)4.2.2 4.2.2 執(zhí)行快捷鍵功執(zhí)行快捷鍵功 /接前面程序接前面程序integer i /按控件數(shù)循環(huán)按控件數(shù)循環(huán)FOR i = 1 TO UpperBound(control) /檢查控件類型是否為檢查控件類型是否為CommandButton IF controli.T

11、ypeOf() = CommandButton! THEN /如果是命令控件如果是命令控件 cb_CommandButton = controli /檢查按鈕文本是否包含檢查按鈕文本是否包含ls_text中內(nèi)容中內(nèi)容 IF POS(cb_CommandButton.text,ls_text) 0 THEN /檢查按鈕是否可操作檢查按鈕是否可操作 IF cb_CommandButton.enabled AND & cb_CommandButton.visible THEN /執(zhí)行快捷鍵執(zhí)行快捷鍵 cb_CommandButton.POSTEVENT(clicked!) END IF END IF

12、 END IFEND FOR -12-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)4.3 4.3 進(jìn)度指示器進(jìn)度指示器 進(jìn)度指示器設(shè)計(jì)的主體思路是：在一個(gè)顯示進(jìn)度條的窗口上使用兩進(jìn)度指示器設(shè)計(jì)的主體思路是：在一個(gè)顯示進(jìn)度條的窗口上使用兩個(gè)大小相同，位置重疊用戶對(duì)象控件，控件上的用戶對(duì)象的前景色與背個(gè)大小相同，位置重疊用戶對(duì)象控件，控件上的用戶對(duì)象的前景色與背景色互反。景色互反。 圖圖4.7 4.7 兩個(gè)進(jìn)度條不重疊的顯示方式兩個(gè)進(jìn)度條不重疊的顯示方式用戶對(duì)象用戶對(duì)象1 1（上方）（上方）用戶對(duì)象用戶對(duì)象2 2（下面）（下面）-13-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)4.4 4

13、.4 打印機(jī)設(shè)置打印機(jī)設(shè)置4.4.1 4.4.1 普通打印設(shè)置普通打印設(shè)置 普通打印設(shè)置普通打印設(shè)置是為了打印信息系統(tǒng)中的各種數(shù)據(jù)和各類統(tǒng)計(jì)報(bào)表而是為了打印信息系統(tǒng)中的各種數(shù)據(jù)和各類統(tǒng)計(jì)報(bào)表而對(duì)打印機(jī)所作的設(shè)置。對(duì)打印機(jī)所作的設(shè)置。圖圖4.8 4.8 普通打印機(jī)設(shè)置普通打印機(jī)設(shè)置-14-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)圖圖4.9 4.9 包含數(shù)據(jù)窗口控件的打印窗口包含數(shù)據(jù)窗口控件的打印窗口-15-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì) 數(shù)據(jù)窗口格式設(shè)置內(nèi)容可以以文本方式保存在本地計(jì)算機(jī)上，也可數(shù)據(jù)窗口格式設(shè)置內(nèi)容可以以文本方式保存在本地計(jì)算機(jī)上，也可以保存在數(shù)據(jù)庫(kù)中，

14、前者只能在所保存的計(jì)算機(jī)中生效，后者只要以設(shè)以保存在數(shù)據(jù)庫(kù)中，前者只能在所保存的計(jì)算機(jī)中生效，后者只要以設(shè)置時(shí)的身份進(jìn)入系統(tǒng)，在安裝該系統(tǒng)的其他計(jì)算機(jī)中均有效。置時(shí)的身份進(jìn)入系統(tǒng)，在安裝該系統(tǒng)的其他計(jì)算機(jī)中均有效。 保存打印設(shè)置數(shù)據(jù)庫(kù)表結(jié)構(gòu)主體保存打印設(shè)置數(shù)據(jù)庫(kù)表結(jié)構(gòu)主體為：為：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, /對(duì)象類名稱對(duì)象類名稱 PRIMARY KEY(OPT_ID,DEF_TYPE,DEF_MENUNAME, DEF_CLASSNAME); -16-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)4.4.2 4.4.2 特殊打印設(shè)置特殊打印設(shè)置 在信息系統(tǒng)中，為了完成一些特定打印功能所做的設(shè)置在信息系統(tǒng)中，為了完成一些特定打印功能所做的設(shè)置稱為特殊打稱為特殊打印設(shè)置印設(shè)置。下面以醫(yī)院系統(tǒng)收銀員所需的打印設(shè)置為例，說(shuō)明一種下面以醫(yī)院系統(tǒng)收銀員所需的打印設(shè)置為例，說(shuō)明一種P2PP2P打印打印設(shè)置。設(shè)置。 圖圖4.10 4.10 單據(jù)類型與打印

16、機(jī)設(shè)置單據(jù)類型與打印機(jī)設(shè)置-17-第第4 4章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)【設(shè)置】按鈕程序如下：【設(shè)置】按鈕程序如下：string ls_default integer i/清空設(shè)置界面清空設(shè)置界面dw_setup.reset()/判別操作系統(tǒng)類型判別操作系統(tǒng)類型CHOOSE CASE sysbasic.ostype /讀取打印機(jī)名稱并存入字符串?dāng)?shù)組變量讀取打印機(jī)名稱并存入字符串?dāng)?shù)組變量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/將打印機(jī)名稱放入數(shù)據(jù)窗口將打印機(jī)名稱放入數(shù)據(jù)窗口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章章 通用功能通用功能界面設(shè)計(jì)界面設(shè)計(jì)【保存】按鈕程序如下：【保存】按鈕程序如下： /將數(shù)據(jù)窗口的內(nèi)容存入文件將數(shù)據(jù)窗口的內(nèi)容存入文件YYPrinter.txt中中 dw_setup.SaveAs(sysbasic.homedir + & YYPrinter.tx