第九章應(yīng)用程序界面設(shè)計(jì)

第九章應(yīng)用程序界面設(shè)計(jì)第1頁(yè)，共25頁(yè)，2023年，2月20日，星期三界面是應(yīng)用程序不可缺少的組成部分，在編寫程序代碼前，首先要根據(jù)程序需要設(shè)計(jì)界面。第1節(jié)界面設(shè)計(jì)概述界面的設(shè)計(jì)原則：1.符合應(yīng)用程序要求。2.便于操作，美觀大方，元素一致性。3.符合常規(guī)(windows界面標(biāo)準(zhǔn))界面中常見元素：在應(yīng)用程序界面上一般包含菜單、工具欄、狀態(tài)欄和應(yīng)用程序所需的其他對(duì)象。第2頁(yè)，共25頁(yè)，2023年，2月20日，星期三第2節(jié)菜單設(shè)計(jì)

一、菜單概述：下拉式菜單和彈出式菜單。下拉式菜單通常通過(guò)單擊菜單欄中的菜單標(biāo)題打開；彈出式菜單通常通過(guò)在某一區(qū)域單擊右鍵的方式打開。下拉式菜單圖例彈出式菜單圖例第3頁(yè)，共25頁(yè)，2023年，2月20日，星期三Vb中菜單也是對(duì)象，有一組屬性和事件，菜單項(xiàng)也是對(duì)象，也有自己的屬性和一個(gè)響應(yīng)事件（click）。注意：菜單不是一個(gè)獨(dú)立對(duì)象，是窗體對(duì)象的組成部分(子對(duì)象)。第4頁(yè)，共25頁(yè)，2023年，2月20日，星期三二、菜單設(shè)計(jì)：在設(shè)計(jì)狀態(tài)下，從“工具”菜單中選“菜單編輯器”進(jìn)入菜單編輯，通過(guò)“菜單編輯器”可以方便地進(jìn)行菜單設(shè)計(jì)。菜單編輯器如下：第5頁(yè)，共25頁(yè)，2023年，2月20日，星期三（1）標(biāo)題：顯示菜單項(xiàng)。前有&的符號(hào)為熱鍵，按功能分組標(biāo)題為“-”（2）名稱：菜單對(duì)象名。通過(guò)該名稱編寫單擊事件（名稱_click()）過(guò)程。分隔符也要有名稱。（3）索引：用于建立對(duì)象數(shù)組，索引能認(rèn)別對(duì)象數(shù)組中的成員。同名稱的對(duì)象，系統(tǒng)會(huì)認(rèn)為是對(duì)象數(shù)組，但不會(huì)自動(dòng)給出索引，用戶必需輸入。（4）快捷鍵：菜單項(xiàng)可以設(shè)快捷鍵，頂層菜單不能設(shè)快捷鍵。（5）下一個(gè)：（6）插入：（7）刪除：（8）→和←：（9）↑和↓：（10）有效：有效菜單項(xiàng)黑色可選，無(wú)效菜單項(xiàng)灰色不可選。（11）可見：（12）復(fù)選：在菜單項(xiàng)的左顯示“√”表示該菜單項(xiàng)已經(jīng)是一個(gè)選項(xiàng)。第6頁(yè)，共25頁(yè)，2023年，2月20日，星期三例10-1用菜單實(shí)現(xiàn)加、減、乘、除運(yùn)算。1．界面設(shè)計(jì)：2．程序：

p233-1第7頁(yè)，共25頁(yè)，2023年，2月20日，星期三例10-a設(shè)計(jì)一個(gè)文本編輯器,用菜單實(shí)現(xiàn)對(duì)文本的編輯和格式設(shè)置功能。(p233-a)界面設(shè)計(jì):一個(gè)文本框,和菜單。在編輯菜單中包含復(fù)制、粘貼、刪除子菜單項(xiàng)；在字體菜單中包含楷體、宋體、黑體子菜單項(xiàng)。菜單通過(guò)菜單編輯器建立，各菜單的屬性如下：標(biāo)題Caption名稱Name標(biāo)題Caption名稱Name編輯(&E)edit字體(&F)font復(fù)制copy楷體kt粘貼pst宋體st剪切del黑體ht第8頁(yè)，共25頁(yè)，2023年，2月20日，星期三三、修改菜單狀態(tài)：在運(yùn)行過(guò)程中使某菜單項(xiàng)變灰和恢復(fù)；隱藏某菜單項(xiàng)和再現(xiàn)。通過(guò)改變?cè)摬藛雾?xiàng)的enabled屬性可以實(shí)現(xiàn)該菜單項(xiàng)的狀態(tài)（false為灰色、true為黑色）。通過(guò)改變?cè)摬藛雾?xiàng)的Visible屬性可以實(shí)現(xiàn)該菜單項(xiàng)的狀態(tài)（false為隱藏、true為再現(xiàn)）。例10-2修改菜單項(xiàng)狀態(tài)1.界面設(shè)計(jì)：同上例10-1。2.程序：p235-2第9頁(yè)，共25頁(yè)，2023年，2月20日，星期三四、菜單項(xiàng)增減：在應(yīng)用程序中根據(jù)環(huán)境的需要，常常要進(jìn)行菜單中菜單項(xiàng)的增減，具體實(shí)現(xiàn)時(shí)要建立菜單控件數(shù)組，并用load裝載菜單項(xiàng)，用unload卸載菜單項(xiàng)。例10-3給上例的計(jì)算1增加退出菜單項(xiàng)，取掉計(jì)算2的清除菜單項(xiàng)1.界面設(shè)計(jì)：同上例2.程序：p235-3五、彈出式菜單設(shè)計(jì)：方法：［窗體名.］popupmenu菜單名［，flag［,x,y］］說(shuō)明:1.x,y是快捷菜單顯示的位置坐標(biāo);第10頁(yè)，共25頁(yè)，2023年，2月20日，星期三2.菜單名是在菜單設(shè)計(jì)器中的菜單名稱(name);3.flag指定快捷菜單的行為標(biāo)記,包括兩項(xiàng)常數(shù)(位置和行為)；位置常數(shù)行為常數(shù)位置常數(shù)說(shuō)明0(默認(rèn))x,y為菜單左上角4x,y為菜單中央8x,y為菜單右下角

P233在用菜單編輯器建立時(shí)不選可見，在代碼中通過(guò)popupmenu調(diào)用。行為常數(shù)說(shuō)明0(默認(rèn))只接受右鍵2可接受左右鍵第11頁(yè)，共25頁(yè)，2023年，2月20日，星期三第二節(jié)對(duì)話框設(shè)計(jì)

實(shí)現(xiàn)人機(jī)對(duì)話。是一種特殊的窗體，可用三種方法創(chuàng)建。(1)使用msgbox和inputbox函數(shù)的代碼創(chuàng)建預(yù)定義對(duì)話框。(2)使用通用對(duì)話框創(chuàng)建Windows標(biāo)準(zhǔn)對(duì)話框。(3)用戶自定義對(duì)話框。預(yù)定義對(duì)話框是系統(tǒng)定義的對(duì)話框，可以直接調(diào)用。下面介紹通用對(duì)話框和用戶自定義對(duì)話框。第12頁(yè)，共25頁(yè)，2023年，2月20日，星期三一、通用對(duì)話框：通用對(duì)話框包含了六個(gè)對(duì)話框，打開（open），另存為（saveas），顏色（color），字體（font），打印（printer），幫助（help）。1.添加通用對(duì)話框控件工程→部件→MicrosoftCommonDialogControl6.0添加完后，在工具箱中出現(xiàn)通用對(duì)話框控件，可以象標(biāo)準(zhǔn)控件一樣使用，但在執(zhí)行時(shí)不顯示，在程序中可以用action屬性或show方法激活。只是一種用戶界面，不能實(shí)現(xiàn)：打開文件，另存文件，設(shè)置顏色，設(shè)置字體，打印。2.通用對(duì)話框的基本屬性和方法通用對(duì)話框的顯示類型由激活時(shí)的show方法或action屬性決定。第13頁(yè)，共25頁(yè)，2023年，2月20日，星期三通用對(duì)話框控件的方法與屬性列表方法名Action屬性值功能showopen1顯示文件打開對(duì)話框showsave2顯示文件保存對(duì)話框showcolor3顯示顏色對(duì)話框showfont4顯示字體對(duì)話框showprint5顯示打印對(duì)話框showhelp6顯示幫助對(duì)話框Action屬性值只能用程序代碼設(shè)置。以上6種對(duì)話框都有自己特殊的屬性，可以用3種方法設(shè)置：在屬性窗口、在程序代碼、在屬性頁(yè)對(duì)話框中設(shè)置。第14頁(yè)，共25頁(yè)，2023年，2月20日，星期三2.文件打開對(duì)話框(1)文件打開對(duì)話框?qū)傩缘脑O(shè)置：1)FileName:文件全名2)FileTitle：文件名3)Filter:文件類型。如:*.txt|*.Doc|*.Exe4)Initdir:設(shè)置初始目錄(2)文件打開對(duì)話框的使用：打開文件對(duì)話框：Action=1或執(zhí)行showopen方法。只打開文件對(duì)話框，不能打開文件，要打開文件可以編程完成。第15頁(yè)，共25頁(yè)，2023年，2月20日，星期三例10-5編寫一個(gè)圖片瀏覽器程序1.界面設(shè)計(jì)：2.程序：p240-5第16頁(yè)，共25頁(yè)，2023年，2月20日，星期三二、對(duì)話框應(yīng)用舉例例10-6使用對(duì)話框設(shè)計(jì)一個(gè)文本編輯器，具有創(chuàng)建、編輯、保存、打印功能。1.界面設(shè)計(jì)：2.程序：p246-6第17頁(yè)，共25頁(yè)，2023年，2月20日，星期三三、自定義對(duì)話框是一個(gè)包含命令按鈕、單選鈕、復(fù)選鈕、文本框等對(duì)象，固定大小、無(wú)控制菜單的特殊窗體。1.模式對(duì)話框：關(guān)閉后才能執(zhí)行其后程序的對(duì)話框。如inputbox函數(shù)和msgbox函數(shù)2.無(wú)模式對(duì)話框：只是一個(gè)提示對(duì)話框，不關(guān)閉可以繼續(xù)執(zhí)行其它程序。3.自定義對(duì)話框的使用窗體對(duì)象.show[style[,owner]]style為0時(shí)是無(wú)模式對(duì)話框；style為1時(shí)是模式對(duì)話框。Owner指定窗體的父子關(guān)系（指定父窗體），父窗體關(guān)閉該對(duì)話框也自動(dòng)關(guān)閉。第18頁(yè)，共25頁(yè)，2023年，2月20日，星期三例10-7設(shè)計(jì)一個(gè)登錄對(duì)話框，要求用戶輸入“用戶名”、“密碼”，輸入正確后調(diào)用記事本程序，否則程序退出。1.界面設(shè)計(jì)：2.程序：p251-7第19頁(yè)，共25頁(yè)，2023年，2月20日，星期三第三節(jié)工具欄設(shè)計(jì)

如程序p246-6的界面一、手工創(chuàng)建工具欄：二、使用工具欄控件創(chuàng)建工具欄（1）首先添加部件：工程→部件→windowscommoncontrols添加通用控件（9個(gè)）（2）用toolbar控件創(chuàng)建工具欄p258-10第20頁(yè)，共25頁(yè)，2023年，2月20日，星期三第四節(jié)多重窗體和多文檔界面

一、多文檔界面：由父子窗口組成，父窗口（MDI）是子窗口的容器，所有子窗口具有相同的功能。例10-11p270二、創(chuàng)建和設(shè)計(jì)MDI窗體及其子窗體多文檔界面的應(yīng)用程序只能包含一個(gè)MDI窗體和至少一個(gè)子窗體，不同窗體共用的過(guò)程、變量應(yīng)放在標(biāo)準(zhǔn)模塊中。1.創(chuàng)建和設(shè)計(jì)MDI窗體在MDI窗體中,一般含有菜單欄,工具欄和狀態(tài)欄;但不能有文本框控件.(1)創(chuàng)建MDI窗體:“工程”→”添加MDI窗體”(2)設(shè)計(jì)MDI窗體第21頁(yè)，共25頁(yè)，2023年，2月20日，星期三2.創(chuàng)建和設(shè)計(jì)子窗體在子窗體上可以有菜單和文本框.(1)創(chuàng)建MDI子窗體:創(chuàng)建一個(gè)普通窗體,將其MDIChild屬性設(shè)置為True.如果有多個(gè)子窗體(文檔型),可以通過(guò)創(chuàng)建一個(gè)窗體模板,然后定義窗體模板變量方便實(shí)現(xiàn).dimnwedocasnewfrmMDIChild窗體變量窗體模板(類)(2)設(shè)計(jì)MDI子窗體:同一般窗體設(shè)計(jì).第22頁(yè)，共25頁(yè)，2023年，2月20日，星期三三、MDI窗體與子窗體的交互1.活動(dòng)子窗體和活動(dòng)控件ActiveForm屬性活動(dòng)子窗體;ActiveControl活動(dòng)控件.2.顯示MDI窗體及其子窗體用show方法.如果MDI窗體的AtuoShowChildren屬性為True,則在顯示MDI窗體時(shí),自動(dòng)顯示其子窗體.3.維護(hù)子窗體的狀態(tài)信息通過(guò)在程序中設(shè)置一個(gè)公有變量可以實(shí)現(xiàn)PublictextchangeasBoolean在文本框的修改事件中值為True;在關(guān)閉該子窗體時(shí)通過(guò)textchange就可確定是否保存文本內(nèi)容.第23頁(yè)，共25頁(yè)，2023年，2月20日，星期三例10-11建立簡(jiǎn)易文本編輯器,要求能完成文本的一般編輯操作.1.建立一個(gè)工程(系統(tǒng)自動(dòng)添加一個(gè)標(biāo)準(zhǔn)窗體),在工程中添加一個(gè)MDI窗體.2.設(shè)置MDI窗體的子窗體,將標(biāo)準(zhǔn)窗體的MDIChild屬性設(shè)置為True.3.設(shè)計(jì)MDI子窗體4.在標(biāo)準(zhǔn)窗體上建立一個(gè)文本框5.在MDI窗體上建立菜單6.保存工程7.編寫各窗體的事件過(guò)程(