第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章章 通用功能通用功能界面設計界面設計風格層是整個系統(tǒng)界面的模板層，對整個系統(tǒng)界面風格的設計起主導風格層是整個系統(tǒng)界面的模板層，對整個系統(tǒng)界面風格的設計起主導作用，包括界面的色調和對象布局等。作用，包括界面的色調和對象布局等。模塊層的模塊指系統(tǒng)相關業(yè)務模塊，該層是基于問題域考慮的，以系模塊層的模塊指系統(tǒng)相關業(yè)務模塊，該層是基于問題域考慮的，以系統(tǒng)業(yè)務劃分模塊。它既繼承了風格層的界面風

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

4、的整體屏幕格局。在系統(tǒng)應用中，除后來動態(tài)改變外，對象的絕大部分屬性，如大小、在系統(tǒng)應用中，除后來動態(tài)改變外，對象的絕大部分屬性，如大小、布局、形狀和色調等都是開發(fā)階段的再現。因此，經常會出現用戶界布局、形狀和色調等都是開發(fā)階段的再現。因此，經常會出現用戶界面與分辨率不協調的情況。面與分辨率不協調的情況。 分辨率越低，用戶界面顯得越大，有些部分超出屏幕范圍而無法看到；分辨率越低，用戶界面顯得越大，有些部分超出屏幕范圍而無法看到；反之，分辨率越高，界面越小，有時會給查看帶來困難。反之，分辨率越高，界面越小，有時會給查看帶來困難。在三層結構中，只要將變換公式寫入根類適當的事件中，不僅實現了在三層結構

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

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界面界面 在某些軟件系統(tǒng)的應用中，同一時間內只允許多文檔界面的一個在某些軟件系統(tǒng)的應用中，同一時間內只允許多文檔界面的一個sheetsheet界面出現，即該界面關閉之前，其他界面對用戶是不可見的，同時界面出現，即該界面關閉之前，其他界面對用戶是不可見的，同時由由sheetsheet注冊在系統(tǒng)菜單中的菜單項也是不可見的。注冊在系統(tǒng)菜單中的菜單項也是不可見的。圖圖4.6 4.6 單單sheetsheet界面界面-10-第第4 4章章 通用功能通用功能界面設計界面設計4.2 4.2 快捷鍵設置快捷鍵設置 快捷鍵對于一個信息系統(tǒng)快捷鍵對于一個信息系統(tǒng)開發(fā)者來說，作用不一定明顯，開發(fā)者來說，作用

8、不一定明顯，但對于一個信息系統(tǒng)最終用戶但對于一個信息系統(tǒng)最終用戶可能很有用。因為最終用戶可可能很有用。因為最終用戶可能只操作系統(tǒng)的一個或幾個功能只操作系統(tǒng)的一個或幾個功能模塊，而且頻繁操作這幾個能模塊，而且頻繁操作這幾個模塊模塊 。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 / /執(zhí)行相應快捷鍵功能執(zhí)行相應快捷鍵功能 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 執(zhí)行快捷鍵功執(zhí)行快捷鍵功 /接前面程序接前面程序integer i /按控件數循環(huán)按控件數循環(huán)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 /執(zhí)行快捷鍵執(zhí)行快捷鍵 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 普通打印設置普通打印設置 普通打印設置普通打印設置是為了打印信息系統(tǒng)中的各種數據和各類統(tǒng)計報表而是為了打印信息系統(tǒng)中的各種數據和各類統(tǒng)計報表而對打印機所作的設置。對打印機所作的設置。圖圖4.8 4.8 普通打印機設置普通打印機設置-14-第第4 4章章 通用功能通用功能界面設計界面設計圖圖4.9 4.9 包含數據窗口控件的打印窗口包含數據窗口控件的打印窗口-15-第第4 4章章 通用功能通用功能界面設計界面設計 數據窗口格式設置內容可以以文本方式保存在本地計算機上，也可數據窗口格式設置內容可以以文本方式保存在本地計算機上，也可以保存在數據庫中，

14、前者只能在所保存的計算機中生效，后者只要以設以保存在數據庫中，前者只能在所保存的計算機中生效，后者只要以設置時的身份進入系統(tǒng)，在安裝該系統(tǒng)的其他計算機中均有效。置時的身份進入系統(tǒng)，在安裝該系統(tǒng)的其他計算機中均有效。 保存打印設置數據庫表結構主體保存打印設置數據庫表結構主體為：為：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 特殊打印設置特殊打印設置 在信息系統(tǒng)中，為了完成一些特定打印功能所做的設置在信息系統(tǒng)中，為了完成一些特定打印功能所做的設置稱為特殊打稱為特殊打印設置印設置。下面以醫(yī)院系統(tǒng)收銀員所需的打印設置為例，說明一種下面以醫(yī)院系統(tǒng)收銀員所需的打印設置為例，說明一種P2PP2P打印打印設置。設置。 圖圖4.10 4.10 單據類型與打印

16、機設置單據類型與打印機設置-17-第第4 4章章 通用功能通用功能界面設計界面設計【設置】按鈕程序如下：【設置】按鈕程序如下：string ls_default integer i/清空設置界面清空設置界面dw_setup.reset()/判別操作系統(tǒng)類型判別操作系統(tǒng)類型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