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

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

3、體必須有一個惟一的窗體名字，建立窗體時的默認名為為Form1，Form2等。等。2.1 2.1 與控件放置相關的窗口與控件放置相關的窗口大連理工大學出版社2 2窗體布局窗口圖窗體布局窗口圖 窗體布局窗口（如圖窗體布局窗口（如圖2.22.2）用于觀察應用程序中各窗體在屏幕上）用于觀察應用程序中各窗體在屏幕上的位置，有一個表示屏幕的小圖像。在設計時，用鼠標拖動表示窗的位置，有一個表示屏幕的小圖像。在設計時，用鼠標拖動表示窗體的小圖像，可以方便地調整程序運行時窗體顯示的位置。體的小圖像，可以方便地調整程序運行時窗體顯示的位置。 在窗體布局窗口中單擊鼠標右鍵，出現快捷菜單如圖在窗體布局窗口中單擊鼠標右

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

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

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

7、該區域當在屬性列表框中選取某屬性時，在該區域顯示所選屬性的含義。顯示所選屬性的含義。 如如圖圖2.32.3顯示名稱為顯示名稱為Form1Form1的窗體屬性，的窗體屬性，“標題欄標題欄”用于顯示對象用于顯示對象名，屬性窗口顯示是名，屬性窗口顯示是“按字母序按字母序”排序的。排序的。大連理工大學出版社 屬性名屬性名 屬性說明屬性說明 屬性值屬性值 排序選項排序選項 標題欄標題欄 對象框對象框 圖圖2.3 “2.3 “按字母序按字母序”屬性窗口屬性窗口 返回返回大連理工大學出版社 工程資源管理器窗口（工程資源管理器窗口（如圖如圖2.42.4）以樹狀結構列出應用程序中所有）以樹狀結構列出應用程序中所

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

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

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

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

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

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

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

15、創建窗體是創建應用程序的基礎，是其他控件的容器。創建VBVB應用應用程序的第一步是創建窗體，這些窗體將是應用程序界面的基礎。然程序的第一步是創建窗體，這些窗體將是應用程序界面的基礎。然后在創建的窗體上繪制構成界面的對象。對于上面要創建的第一個后在創建的窗體上繪制構成界面的對象。對于上面要創建的第一個應用程序，用到工具箱中的兩個控件，即文本框控件和命令按鈕控應用程序，用到工具箱中的兩個控件，即文本框控件和命令按鈕控件。件。 （1 1）創建窗體）創建窗體 創建新工程時，系統就自動創建了一個空白的新窗體，窗體名創建新工程時，系統就自動創建了一個空白的新窗體，窗體名默認為默認為Form1Form1。窗

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

17、拖動十字線畫出適合控件大小的方框。拖動十字線畫出適合控件大小的方框。 釋放鼠標按鈕，控件出現在窗體上，名稱默認為釋放鼠標按鈕，控件出現在窗體上，名稱默認為Text1Text1。 用同樣的方法將兩個按鈕放置到窗體中。用同樣的方法將兩個按鈕放置到窗體中。 大連理工大學出版社（3 3）對齊控件）對齊控件 為了將控件在界面上布局得更整齊美觀，將為了將控件在界面上布局得更整齊美觀，將3 3個控件進行調整個控件進行調整位置和大小。位置和大小。 單擊單擊Command1Command1按鈕，按按鈕，按ShiftShift鍵的同時單擊鍵的同時單擊Command2 Command2 按鈕，則兩個按鈕都被選中；按

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

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

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