1、大連理工大學(xué)出版社新世紀(jì)應(yīng)用型高等教育新世紀(jì)應(yīng)用型高等教育計(jì)算機(jī)類課程規(guī)劃教材計(jì)算機(jī)類課程規(guī)劃教材Visual BasicVisual Basic 程序設(shè)計(jì)程序設(shè)計(jì)（第二版）（第二版）第第2 2章章 VB程序設(shè)計(jì)的基本窗口程序設(shè)計(jì)的基本窗口大連理工大學(xué)出版社 在在VBVB的集成開發(fā)環(huán)境中，有的集成開發(fā)環(huán)境中，有5 5個(gè)基本窗口，即窗體設(shè)計(jì)器窗口、工個(gè)基本窗口，即窗體設(shè)計(jì)器窗口、工程資源管理器窗口、屬性窗口、代碼窗口和窗體布局窗口。其中與控程資源管理器窗口、屬性窗口、代碼窗口和窗體布局窗口。其中與控件放置相關(guān)的窗口為窗體設(shè)計(jì)器窗口和窗體布局窗口。件放置相關(guān)的窗口為窗體設(shè)計(jì)器窗口和窗體布局窗口。

2、1 1窗體設(shè)計(jì)器窗口窗體設(shè)計(jì)器窗口 窗體設(shè)計(jì)器窗口（如圖窗體設(shè)計(jì)器窗口（如圖2.12.1）中顯示的是一個(gè)空白的窗體，窗體是）中顯示的是一個(gè)空白的窗體，窗體是用戶用來顯示的程序界面，是用戶工作區(qū)。用戶可以通過在窗體上放用戶用來顯示的程序界面，是用戶工作區(qū)。用戶可以通過在窗體上放置各種控件來設(shè)計(jì)將要開發(fā)的置各種控件來設(shè)計(jì)將要開發(fā)的VBVB應(yīng)用程序的圖形用戶界面（應(yīng)用程序的圖形用戶界面（GUI）。窗）。窗體是體是VBVB應(yīng)用程序的主要應(yīng)用程序的主要部分，用戶通過與窗體上的控件進(jìn)行交互來得部分，用戶通過與窗體上的控件進(jìn)行交互來得到結(jié)果，每個(gè)窗體必須有一個(gè)惟一的窗體名字，建立窗體時(shí)的默認(rèn)名到結(jié)果，每個(gè)窗

3、體必須有一個(gè)惟一的窗體名字，建立窗體時(shí)的默認(rèn)名為為Form1，F(xiàn)orm2等。等。2.1 2.1 與控件放置相關(guān)的窗口與控件放置相關(guān)的窗口大連理工大學(xué)出版社2 2窗體布局窗口圖窗體布局窗口圖 窗體布局窗口（如圖窗體布局窗口（如圖2.22.2）用于觀察應(yīng)用程序中各窗體在屏幕上）用于觀察應(yīng)用程序中各窗體在屏幕上的位置，有一個(gè)表示屏幕的小圖像。在設(shè)計(jì)時(shí)，用鼠標(biāo)拖動(dòng)表示窗的位置，有一個(gè)表示屏幕的小圖像。在設(shè)計(jì)時(shí)，用鼠標(biāo)拖動(dòng)表示窗體的小圖像，可以方便地調(diào)整程序運(yùn)行時(shí)窗體顯示的位置。體的小圖像，可以方便地調(diào)整程序運(yùn)行時(shí)窗體顯示的位置。 在窗體布局窗口中單擊鼠標(biāo)右鍵，出現(xiàn)快捷菜單如圖在窗體布局窗口中單擊鼠標(biāo)右

4、鍵，出現(xiàn)快捷菜單如圖2.22.2所示。所示。選擇選擇“啟動(dòng)位置啟動(dòng)位置”菜單中的各菜單項(xiàng)可以確定窗體運(yùn)行時(shí)在屏幕上菜單中的各菜單項(xiàng)可以確定窗體運(yùn)行時(shí)在屏幕上出現(xiàn)的位置，顯示位置的設(shè)置如表出現(xiàn)的位置，顯示位置的設(shè)置如表2.12.1所示。所示。 圖圖2.2 2.2 窗體布局窗口窗體布局窗口 菜單項(xiàng)菜單項(xiàng)顯示位置顯示位置手工出現(xiàn)在指定位置所有者中心出現(xiàn)在當(dāng)前的父窗口中心屏幕中心出現(xiàn)在屏幕中心Windows默認(rèn)（缺省） 出現(xiàn)位置由系統(tǒng)確定表表2.1 2.1 設(shè)置窗體顯示位置設(shè)置窗體顯示位置大連理工大學(xué)出版社 屬性窗口屬性窗口（如圖（如圖2.32.3）用于列出當(dāng)前選定窗體和控件的屬性設(shè)置，用于列出當(dāng)前選

5、定窗體和控件的屬性設(shè)置，每個(gè)對(duì)象都是用屬性來表示其特征的。所有窗體或控件的屬性如顏色、每個(gè)對(duì)象都是用屬性來表示其特征的。所有窗體或控件的屬性如顏色、字體和大小等，都可以通過屬性窗口來修改。屬性窗口由以下部分組字體和大小等，都可以通過屬性窗口來修改。屬性窗口由以下部分組成：成： （1 1）對(duì)象列表框：）對(duì)象列表框：單擊其右邊的箭頭可拉出所選窗體包含的對(duì)象單擊其右邊的箭頭可拉出所選窗體包含的對(duì)象的列表。的列表。 （2 2）屬性顯示排列方式：）屬性顯示排列方式：有有“按字母序按字母序”和和“按分類序按分類序”兩個(gè)按兩個(gè)按鈕。前者以字母排列順序列出所選對(duì)象的所有屬性；后者按鈕。前者以字母排列順序列出所

6、選對(duì)象的所有屬性；后者按“外觀外觀”和和“位置位置”等分類列出所選對(duì)象的所有屬性。等分類列出所選對(duì)象的所有屬性。2.2 屬性窗口與屬性設(shè)置大連理工大學(xué)出版社 （3 3）屬性列表框：）屬性列表框：列出所選對(duì)象在設(shè)計(jì)模式可更改的屬性和默認(rèn)列出所選對(duì)象在設(shè)計(jì)模式可更改的屬性和默認(rèn)值。對(duì)于不同的對(duì)象，列出的屬性也是不同的。屬性列表由中間一條值。對(duì)于不同的對(duì)象，列出的屬性也是不同的。屬性列表由中間一條線將其分為兩部分：左邊列出的是各種屬性，右邊列出的是相應(yīng)的屬線將其分為兩部分：左邊列出的是各種屬性，右邊列出的是相應(yīng)的屬性值。性值。 （4 4）屬性含義說明：）屬性含義說明：當(dāng)在屬性列表框中選取某屬性時(shí)，在

7、該區(qū)域當(dāng)在屬性列表框中選取某屬性時(shí)，在該區(qū)域顯示所選屬性的含義。顯示所選屬性的含義。 如如圖圖2.32.3顯示名稱為顯示名稱為Form1Form1的窗體屬性，的窗體屬性，“標(biāo)題欄標(biāo)題欄”用于顯示對(duì)象用于顯示對(duì)象名，屬性窗口顯示是名，屬性窗口顯示是“按字母序按字母序”排序的。排序的。大連理工大學(xué)出版社 屬性名屬性名 屬性說明屬性說明 屬性值屬性值 排序選項(xiàng)排序選項(xiàng) 標(biāo)題欄標(biāo)題欄 對(duì)象框?qū)ο罂?圖圖2.3 “2.3 “按字母序按字母序”屬性窗口屬性窗口 返回返回大連理工大學(xué)出版社 工程資源管理器窗口（工程資源管理器窗口（如圖如圖2.42.4）以樹狀結(jié)構(gòu)列出應(yīng)用程序中所有）以樹狀結(jié)構(gòu)列出應(yīng)用程序中所

8、有的文件清單，包括窗體和模塊等。工程文件的后綴是的文件清單，包括窗體和模塊等。工程文件的后綴是.vbp.vbp，工程文件，工程文件名顯示在工程文件窗口內(nèi)，以層次化管理方式顯示各類文件，而且允名顯示在工程文件窗口內(nèi)，以層次化管理方式顯示各類文件，而且允許同時(shí)打開多個(gè)工程。許同時(shí)打開多個(gè)工程。 工程資源管理器窗口上方提供以下三個(gè)按鈕：工程資源管理器窗口上方提供以下三個(gè)按鈕： 1“1“查看代碼查看代碼”按鈕：按鈕：切換到代碼窗口，顯示和編輯代碼。切換到代碼窗口，顯示和編輯代碼。 2“2“查看對(duì)象查看對(duì)象”按鈕：按鈕：切換到模塊的對(duì)象窗口。切換到模塊的對(duì)象窗口。 3“3“切換文件夾切換文件夾”按鈕：按

9、鈕：工程中的文件在按類型分或不分層工程中的文件在按類型分或不分層次顯示之間切換。次顯示之間切換。 2.3 2.3 工程資源管理器工程資源管理器大連理工大學(xué)出版社 工程資源管理器下方的列表窗口，以層次列表形式列出組成這個(gè)工程資源管理器下方的列表窗口，以層次列表形式列出組成這個(gè)工程的所有文件。它可以包含以下主要的三類文件：窗體文件（工程的所有文件。它可以包含以下主要的三類文件：窗體文件（.frm.frm文件）、標(biāo)準(zhǔn)模塊文件（文件）、標(biāo)準(zhǔn)模塊文件（.bas.bas文件）、類模塊文件（文件）、類模塊文件（.cls.cls文件）。文件）。 如如圖圖2.42.4工程資源管理器窗口顯示一個(gè)工程有工程資源管理

10、器窗口顯示一個(gè)工程有2 2個(gè)窗體、個(gè)窗體、1 1個(gè)標(biāo)準(zhǔn)模個(gè)標(biāo)準(zhǔn)模塊、塊、1 1個(gè)類模塊，工程名為個(gè)類模塊，工程名為“工程工程1”1”，工程文件名為，工程文件名為“工程工程1.vbp”1.vbp”，窗體名為窗體名為Form1Form1和和Form2Form2，窗體文件名為，窗體文件名為Form1.frm Form1.frm 和和 Form2.frmForm2.frm，這，這些名稱編程時(shí)都可以修改。些名稱編程時(shí)都可以修改。 大連理工大學(xué)出版社圖圖2.4 工程資源管理器窗口工程資源管理器窗口返回返回大連理工大學(xué)出版社 其他窗口都可以使用其他窗口都可以使用“視圖視圖”菜單中的各菜單項(xiàng)來打開，窗口菜單中

11、的各菜單項(xiàng)來打開，窗口的名稱如的名稱如圖圖2.52.5所示。所示。 （1 1）代碼窗口）代碼窗口 代碼窗口又稱代碼編輯器窗口，如代碼窗口又稱代碼編輯器窗口，如圖圖2.62.6所示。所示。 （2 2）對(duì)象瀏覽器窗口）對(duì)象瀏覽器窗口 （3 3）立即、本地和監(jiān)視窗口）立即、本地和監(jiān)視窗口 （4 4）調(diào)色板窗口）調(diào)色板窗口 調(diào)色板窗口如調(diào)色板窗口如圖圖2.72.7所示。所示。2.4 2.4 其他窗口其他窗口大連理工大學(xué)出版社圖圖2.5 “2.5 “視圖視圖”菜單菜單 圖圖2.6 2.6 代碼窗口代碼窗口圖圖2.7 2.7 調(diào)色板窗口調(diào)色板窗口 返回返回大連理工大學(xué)出版社 這一節(jié)我們將通過一個(gè)具體的例子

12、來說明如果在這一節(jié)我們將通過一個(gè)具體的例子來說明如果在VBVB環(huán)境下設(shè)計(jì)應(yīng)環(huán)境下設(shè)計(jì)應(yīng)用程序。這個(gè)例子將展示用程序。這個(gè)例子將展示VBVB應(yīng)用程序設(shè)計(jì)的全過程。應(yīng)用程序設(shè)計(jì)的全過程。【例例2-12-1】 新建一個(gè)窗體，在窗體下部放置兩個(gè)按鈕（新建一個(gè)窗體，在窗體下部放置兩個(gè)按鈕（Command1Command1、Command2Command2）和一個(gè)文本框（）和一個(gè)文本框（Text1Text1）控件，其中）控件，其中Command1Command1中標(biāo)有中標(biāo)有“顯顯示示”，Command2Command2中標(biāo)有中標(biāo)有“退出退出”。單擊按鈕。單擊按鈕Command1Command1在標(biāo)簽在標(biāo)簽

13、Text1Text1上上顯示顯示“This is my first programmeThis is my first programme.”.”，單擊，單擊Command2Command2則在左上角則在左上角顯示顯示“Good ByeGood Bye！”。2.5 2.5 創(chuàng)建一個(gè)簡單的創(chuàng)建一個(gè)簡單的VBVB應(yīng)用程序應(yīng)用程序大連理工大學(xué)出版社 如圖如圖2.82.8所示為單擊所示為單擊Command1Command1按鈕時(shí)的運(yùn)行界面。按鈕時(shí)的運(yùn)行界面。圖圖2.8 2.8 單擊單擊Command1Command1按鈕時(shí)運(yùn)行界面按鈕時(shí)運(yùn)行界面大連理工大學(xué)出版社 一般來說，創(chuàng)建一般來說，創(chuàng)建VBVB應(yīng)

14、用程序有應(yīng)用程序有4 4個(gè)主要步驟：個(gè)主要步驟： （1 1）創(chuàng)建應(yīng)用程序界面。）創(chuàng)建應(yīng)用程序界面。 （2 2）設(shè)置窗體和控件的屬性。）設(shè)置窗體和控件的屬性。 （3 3）編寫程序代碼。）編寫程序代碼。 （4 4）運(yùn)行應(yīng)用程序。）運(yùn)行應(yīng)用程序。 最后，通過最后，通過“保存工程保存工程” ” 來結(jié)束創(chuàng)建應(yīng)用程序的工作。來結(jié)束創(chuàng)建應(yīng)用程序的工作。 有時(shí)還涉及有時(shí)還涉及“編譯應(yīng)用程序編譯應(yīng)用程序”，就是把一個(gè)程序制作成可以獨(dú)立，就是把一個(gè)程序制作成可以獨(dú)立運(yùn)行的運(yùn)行的.EXE.EXE文件。文件。大連理工大學(xué)出版社 1. 1. 創(chuàng)建應(yīng)用程序界面創(chuàng)建應(yīng)用程序界面 窗體是創(chuàng)建應(yīng)用程序的基礎(chǔ)，是其他控件的容器。

15、創(chuàng)建窗體是創(chuàng)建應(yīng)用程序的基礎(chǔ)，是其他控件的容器。創(chuàng)建VBVB應(yīng)用應(yīng)用程序的第一步是創(chuàng)建窗體，這些窗體將是應(yīng)用程序界面的基礎(chǔ)。然程序的第一步是創(chuàng)建窗體，這些窗體將是應(yīng)用程序界面的基礎(chǔ)。然后在創(chuàng)建的窗體上繪制構(gòu)成界面的對(duì)象。對(duì)于上面要?jiǎng)?chuàng)建的第一個(gè)后在創(chuàng)建的窗體上繪制構(gòu)成界面的對(duì)象。對(duì)于上面要?jiǎng)?chuàng)建的第一個(gè)應(yīng)用程序，用到工具箱中的兩個(gè)控件，即文本框控件和命令按鈕控應(yīng)用程序，用到工具箱中的兩個(gè)控件，即文本框控件和命令按鈕控件。件。 （1 1）創(chuàng)建窗體）創(chuàng)建窗體 創(chuàng)建新工程時(shí)，系統(tǒng)就自動(dòng)創(chuàng)建了一個(gè)空白的新窗體，窗體名創(chuàng)建新工程時(shí)，系統(tǒng)就自動(dòng)創(chuàng)建了一個(gè)空白的新窗體，窗體名默認(rèn)為默認(rèn)為Form1Form1。窗

16、體是組織用戶交互信息的界面（窗口）。窗體中布。窗體是組織用戶交互信息的界面（窗口）。窗體中布置用于用戶交互的控件。置用于用戶交互的控件。大連理工大學(xué)出版社 （2 2）創(chuàng)建控件）創(chuàng)建控件 在窗體界面中需要繪制兩個(gè)按鈕（在窗體界面中需要繪制兩個(gè)按鈕（CommandButtonCommandButton）控件和一個(gè)）控件和一個(gè)文本框（文本框（TextlTextl）控件。）控件。 單擊要繪制的控件的工具，這是單擊要繪制的控件的工具，這是“文本框文本框”。 將鼠標(biāo)指針移到窗體上，該指針變成十字線。將鼠標(biāo)指針移到窗體上，該指針變成十字線。 將十字線放在控件的左上角所在處。將十字線放在控件的左上角所在處。

17、拖動(dòng)十字線畫出適合控件大小的方框。拖動(dòng)十字線畫出適合控件大小的方框。 釋放鼠標(biāo)按鈕，控件出現(xiàn)在窗體上，名稱默認(rèn)為釋放鼠標(biāo)按鈕，控件出現(xiàn)在窗體上，名稱默認(rèn)為Text1Text1。 用同樣的方法將兩個(gè)按鈕放置到窗體中。用同樣的方法將兩個(gè)按鈕放置到窗體中。 大連理工大學(xué)出版社（3 3）對(duì)齊控件）對(duì)齊控件 為了將控件在界面上布局得更整齊美觀，將為了將控件在界面上布局得更整齊美觀，將3 3個(gè)控件進(jìn)行調(diào)整個(gè)控件進(jìn)行調(diào)整位置和大小。位置和大小。 單擊單擊Command1Command1按鈕，按按鈕，按ShiftShift鍵的同時(shí)單擊鍵的同時(shí)單擊Command2 Command2 按鈕，則兩個(gè)按鈕都被選中；按

18、鈕，則兩個(gè)按鈕都被選中； 選擇選擇“格式格式”菜單菜單“統(tǒng)一尺寸統(tǒng)一尺寸”菜單項(xiàng)菜單項(xiàng)“兩者都相兩者都相同同”菜單項(xiàng)，將兩個(gè)按鈕的大小調(diào)整相同。菜單項(xiàng)，將兩個(gè)按鈕的大小調(diào)整相同。大連理工大學(xué)出版社2. 2. 設(shè)置窗體和控件的屬性設(shè)置窗體和控件的屬性 通過屬性窗口給創(chuàng)建的對(duì)象設(shè)置屬性。各控件的設(shè)置順序可以任通過屬性窗口給創(chuàng)建的對(duì)象設(shè)置屬性。各控件的設(shè)置順序可以任意，步驟如下：意，步驟如下： 單擊單擊Text1Text1在屬性窗口中出現(xiàn)在屬性窗口中出現(xiàn)Text1Text1的所有屬性，在的所有屬性，在“屬性窗屬性窗口口”中滾動(dòng)屬性列表，選定屬性名中滾動(dòng)屬性列表，選定屬性名TextText，屬性窗口的

19、設(shè)置如，屬性窗口的設(shè)置如圖圖2.102.10所所示，選擇示，選擇FontFont屬性，單擊按鈕設(shè)置字體為屬性，單擊按鈕設(shè)置字體為Times New RomanTimes New Roman，大小為，大小為小三號(hào)。小三號(hào)。 單擊單擊Command1Command1按鈕，在按鈕，在“屬性窗口屬性窗口”中選定屬性名中選定屬性名CaptionCaption，修改屬性值為修改屬性值為“顯示顯示”。 設(shè)置界面如設(shè)置界面如圖圖2.112.11所示所示 單擊單擊Command2Command2按鈕，在按鈕，在“屬性窗口屬性窗口”中選定屬性名中選定屬性名CaptionCaption，修改屬性值為修改屬性值為“退

20、出退出”， 大連理工大學(xué)出版社圖圖2.10 2.10 屬性設(shè)置屬性設(shè)置 圖圖2.11 2.11 屬性設(shè)置屬性設(shè)置 返回返回大連理工大學(xué)出版社3 3編寫程序代碼編寫程序代碼 要實(shí)現(xiàn)當(dāng)單擊要實(shí)現(xiàn)當(dāng)單擊Command1Command1按鈕時(shí)在按鈕時(shí)在Text1Text1文本框顯示文本框顯示“This is my This is my first programmefirst programme.”.”，單擊，單擊Command2Command2將在窗體左上角顯示將在窗體左上角顯示“Good Good ByeBye！”的功能，則需要在代碼編輯器中編寫程序代碼。的功能，則需要在代碼編輯器中編寫程序代碼。 代碼編輯器窗口是編寫應(yīng)用程序的代碼編輯器窗口是編寫應(yīng)用程序的VBVB代碼的地方。代碼是由語句、代碼的地