VB第8章用戶界面的設(shè)計(jì).ppt

1、V B 程序設(shè)計(jì) Visual Basic Programming,第八章 用戶界面的設(shè)計(jì),1.掌握通用對(duì)話框的使用,2.掌握各種菜單的設(shè)計(jì)方法,3.能夠用多重窗體的方法來設(shè)計(jì)應(yīng)用程序,本章學(xué)習(xí)目標(biāo),8.1 通用對(duì)話框,8.2 菜單設(shè)計(jì),8.3 多重窗體,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,作用：用于實(shí)現(xiàn)打開文件、保存文件以及對(duì)字體、字號(hào)和顏色進(jìn)行設(shè)置等操作 。 添加到工具箱中的方法： (1)選擇菜單“工程/部件”命令，打開“部件”對(duì)話框; (2)在對(duì)話框中選擇“控件”選項(xiàng)卡，在控件列表框中選“Micro

2、soft Common Dialog Controls 6.0”; (3)單擊“確定”按鈕。,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,1)通用對(duì)話框的Action屬性(只能動(dòng)態(tài)設(shè)置),1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,打開對(duì)話框,Filter,FileName,InitDir,FilterIndex,8.1 通用對(duì)話框,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,“打開”對(duì)話框

3、的主要屬性,8.1 通用對(duì)話框,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,設(shè)計(jì)一個(gè)簡(jiǎn)單的應(yīng)用程序，用于打開各種類型的圖形文件。,例 8-1,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,“打開”文件對(duì)話框?qū)傩皂?yè),Filter的格式: 文件說明|文件類型 例如： Word(*.DOC)|*.DOC|Text (*.TXT)|*.txt|All Files|*.*,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)

4、話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,“另存為”對(duì)話框,“另存為”對(duì)話框的相關(guān)屬性基本上與“打開”對(duì)話框的屬性及含義相同，僅DefaultExt屬性是該對(duì)話框所特有的，它表示所存文件的默認(rèn)擴(kuò)展名。,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,設(shè)計(jì)一個(gè)應(yīng)用程序，可以保存文本框中所編輯的文字。缺省擴(kuò)展名時(shí)，可將所編輯的文字保存為擴(kuò)展名為.dat的數(shù)據(jù)文件。,例 8-2,看圖,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,“

5、顏色”對(duì)話框,當(dāng)通用對(duì)話框的Action屬性值被設(shè)置為3或調(diào)用了ShowColor方法時(shí)，便會(huì)立即彈出“顏色”對(duì)話框,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,設(shè)計(jì)一個(gè)應(yīng)用程序，通過命令按鈕可以改變標(biāo)簽的背景顏色。,例 8-3,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,“字體”對(duì)話框,通用對(duì)話框的Flags屬性被設(shè)置為3，接著Action屬性值被設(shè)置為4或調(diào)用了ShowFont方法后，便會(huì)立即彈出“字體”對(duì)話框 。,1. 打開對(duì)

6、話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,說 明,(1) Flags屬性必須在激活字體對(duì)話框之前進(jìn)行設(shè)置。 (2) Flags屬性必須取1、2或3之一，或者取1、2或3與256之和。,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,設(shè)計(jì)一個(gè)應(yīng)用程序，通過命令按鈕可以改變標(biāo)簽的字體。,例 8-4,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,“打印”對(duì)話框,當(dāng)通用對(duì)話框

7、的Action屬性值被設(shè)置為5或調(diào)用了ShowPrinter方法時(shí)，便會(huì)立即彈出“打印”對(duì)話框,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,設(shè)計(jì)一個(gè)應(yīng)用程序，通過命令按鈕可以打印文本框中的內(nèi)容。,例 8-5,1. 打開對(duì)話框,2. 另存為對(duì)話框結(jié)構(gòu),8.1 通用對(duì)話框,3.顏色對(duì)話框,4.字體對(duì)話框,5.打印對(duì)話框,6.幫助對(duì)話框,設(shè)計(jì)一個(gè)應(yīng)用程序，通過命令按鈕可以打開Windows的幫助對(duì)話框。,例 8-6,看圖,8.2 菜單設(shè)計(jì),1. 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5

8、. 彈出式菜單,下拉式菜單系統(tǒng)的組成結(jié)構(gòu) ：,8.2 菜單設(shè)計(jì),1. 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5. 彈出式菜單,菜單編輯器,8.2 菜單設(shè)計(jì),1. 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5. 彈出式菜單,菜單項(xiàng)的屬性,8.2 菜單設(shè)計(jì),1. 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5. 彈出式菜單,8.2 菜單設(shè)計(jì),1. 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5. 彈出式菜單,設(shè)計(jì)下拉式菜單，其功能可以改變文本框中的文字的字體、字形和大小。,例 8

9、-7,8.2 菜單設(shè)計(jì),1. 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5. 彈出式菜單,菜單控件數(shù)組,控件數(shù)組是指多個(gè)菜單項(xiàng)，共用同一個(gè)名稱，用索引號(hào)標(biāo)識(shí)每個(gè)菜單項(xiàng)，執(zhí)行同一個(gè)Click事件過程。 系統(tǒng)將根據(jù)不同的索引(Index)參數(shù)來區(qū)分被單擊的菜單項(xiàng)，從而完成相應(yīng)的功能操作。,8.2 菜單設(shè)計(jì),1. 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5. 彈出式菜單,利用菜單控件數(shù)組改編例7-6，去掉“字形”子菜單標(biāo)題，在“粗體”和“斜體”菜單項(xiàng)旁邊加“”標(biāo)記，以表示是否對(duì)文字進(jìn)行粗體或斜體的設(shè)置。,例 8-8,8.2 菜單設(shè)計(jì),1.

10、 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5. 彈出式菜單,彈出式菜單,語(yǔ)法格式為： 對(duì)象名.PopupMenu ,flags,X,Y 其中: 對(duì)象名：指出在哪一個(gè)對(duì)象上打開彈出式菜單 菜單名：是指在“菜單編輯器”中為該菜單標(biāo)題所設(shè)置的名稱（Name）屬性值。 x,y：是菜單彈出的坐標(biāo)，默認(rèn)為鼠標(biāo)坐標(biāo)。 Flags：定義彈出式菜單的位置及行為。,8.2 菜單設(shè)計(jì),1. 菜單的基本結(jié)構(gòu),2. 菜單編輯器,3. 下拉式菜單,4. 菜單控件數(shù)組,5. 彈出式菜單,在例7-7的基礎(chǔ)上添加一個(gè)彈出式菜單，用于改變文本中文字的顏色。,例 8-9,看圖,8.3 多重窗體,1.

11、 多重窗體的添加,2. 多重窗體的設(shè)計(jì),3. 多重窗體的執(zhí)行和保存,多重窗體是指在一個(gè)工程中有多個(gè)普通窗體，而每個(gè)窗體都擁有自己的用戶界面和事件代碼，通過工程管理形成一個(gè)復(fù)雜的、功能強(qiáng)大的應(yīng)用程序。,8.3 多重窗體,1. 多重窗體的添加,2. 多重窗體的設(shè)計(jì),3. 多重窗體的執(zhí)行和保存,建立一個(gè)簡(jiǎn)單的時(shí)間和日期查詢系統(tǒng)。,例 8-10,8.3 多重窗體,多重窗體的添加,1. 多重窗體的添加,2. 多重窗體的設(shè)計(jì),3. 多重窗體的執(zhí)行和保存,工程/添加窗體 添加“現(xiàn)存”窗體時(shí)要注意： (1) 添加的窗體實(shí)際是將其他工程中已有的窗體加入，多個(gè)工程共享窗體。 (2) 防止多個(gè)窗體的Name相同而不

12、能添加。 (3) 通過“另存為”命令以不同的窗體文件名保存，斷開共享。,8.3 多重窗體,多重窗體操作的語(yǔ)句和方法,1. 多重窗體的添加,2. 多重窗體的設(shè)計(jì),3. 多重窗體的執(zhí)行和保存,(1) Load語(yǔ)句 格式：Load 窗體名稱 功能：將一個(gè)窗體裝入內(nèi)存。 說明：此時(shí)僅能引用窗體中的控件及各種屬性，但運(yùn)行時(shí)窗體并不顯示到屏幕上。 (2) UnLoad語(yǔ)句 格式：UnLoad 窗體名稱 功能：清除內(nèi)存中的窗體。,8.3 多重窗體,1. 多重窗體的添加,2. 多重窗體的設(shè)計(jì),3. 多重窗體的執(zhí)行和保存,(3) Show方法 格式：窗體名稱.Show模式 功能：將一個(gè)窗體裝入內(nèi)存，并在屏幕上顯示。 說明： 若省略窗體名稱，則顯示當(dāng)前窗體。 模式的值為1時(shí)，窗體為“模式型” ，即在程序運(yùn)行時(shí)用戶只有關(guān)閉該窗體之后才能對(duì)其他窗體進(jìn)行操作。 模式的值為0時(shí)，窗體為“非模式型” ，即可以同時(shí)打開幾個(gè)窗體進(jìn)行操作。 Show方法兼有Load方法的功能。 (4) Hide方法 格式：窗體名稱.Hide 功能：隱藏指定的窗體，但仍保存在內(nèi)存中。,8.3 多重窗體,設(shè)置啟動(dòng)窗體的方法,1. 多重窗體的添加,2. 多重窗體的設(shè)計(jì),3. 多重窗體的執(zhí)行和保存,選擇菜單“工程/工程屬性”項(xiàng)，打開“工程屬性”對(duì)話框 選取“通用”選項(xiàng)卡，在“啟動(dòng)對(duì)象”下拉列表中，指定作為第一個(gè)出現(xiàn)的窗體名