第3章 Visual Basic 2008 Express 使用

Presentation on theme: "第3章 Visual Basic 2008 Express 使用"— Presentation transcript:

1 第3章 Visual Basic 2008 Express 使用

2 Contents 3-1 VBE 使用介面說明 3-2 設計視窗基本操作 3-3 使用表單設計工具 3-4 屬性視窗
3-5 程式碼編輯器的使用 3-6 方案總管視窗

3 3-1 VBE使用介面說明 3-1-1 起始頁 3-1-2 設計模式使用介面 3-1-3 執行模式使用介面

4 3-1-1 起始頁-圖例 在VBE的起始頁包含數個窗格，可以新增或開啟專案和顯示最近曾開啟的專案清單、使用者入門、頭條新聞和MSDN最新資訊，如下圖所示：

5 3-1-1 起始頁-說明 最近使用專案：顯示最近曾開啟專案清單，每一個專案名稱都是一個超連接，按一下專案名稱，就可以快速開啟指定的Visual Basic專案。 使用者入門：Visual Basic語言學習線上教學文件和討論園地。 Visual Basic Express頭條新聞：當讀者電腦連線Internet時，可以顯示VBE最新公告和開發訊息。 MSDN台灣網站最新資訊：當讀者電腦連線Internet時，顯示微軟MSDN網站最新訊息。

6 3-1-2 設計模式的使用介面-圖例 在啟動VBE且新增或開啟專案後，VBE整合開發環境就進入設計模式，可以看到VBE專案開發的使用介面，如下圖所示：

7 3-1-2 設計模式的使用介面-編輯索引標籤頁 VBE開發環境最主要部分是中間編輯索引標籤頁，以標籤頁方式來顯示編輯工具，主要是指表單設計工具和程式碼編輯器標籤頁。 以Windows應用程式而言，預設開啟表單設計工具，這是一個隨看即所得的視覺化表單設計工具，使用者可用拖拉方式來輕鬆建立視窗應用程式的圖形使用介面。 主控台應用程式或在控制項按二下，可以開啟程式碼編輯器，這是Visual Basic程式碼編輯工具，可以輸入Visual Basic程式碼主程式或事件處理程序。

8 VBE「方案總管」視窗是方案和專案檔案和資料夾的管理視窗，可以顯示目前開啟專案檔案和資料夾清單，如下所示：
3-1-2 設計模式的使用介面-方案總管視窗 VBE「方案總管」視窗是方案和專案檔案和資料夾的管理視窗，可以顯示目前開啟專案檔案和資料夾清單，如下所示： 方案（Solution）：方案簡單而言為專案容器，內含一到多個專案，使用.sln儲存方案定義，可建立多專案的大型應用程式或元件，特別適用在小組（Teamwork）之應用程式開發環境。 專案（Project）：專案資訊是儲存在副檔名為 .vbproj的檔案，在專案檔案記錄建立應用程式所需檔案、資料夾和編譯等相關資訊，可以建立執行檔（.exe）、動態連結程式庫（.dll）或模組（Modules）等。

9 3-1-2 設計模式的使用介面-屬性視窗 在「屬性」視窗可以檢視控制項等物件的相關屬性，在上方欄位顯示選取物件；下方可以顯示此物件的屬性清單。

10 3-1-2 設計模式的使用介面-工具箱視窗 在VBE左邊的「工具箱」視窗提供表單設計工具所需控制項、元件和資料等。按一下最左邊【工具箱】垂直標籤，可以開啟「工具箱」視窗，如下圖所示：

11 3-1-2 設計模式的使用介面-功能表列 在VBE上方為功能表列，功能表列會依不同狀況自動提供所需的選單。
例如：沒有開啟專案時只有檔案、編輯、檢視、工具、視窗和說明；開啟專案會新增專案、建置、偵錯和資料的選單；開啟表單設計視窗，還可以看到格式選單。

12 3-1-2 設計模式的使用介面-主工具列 在主視窗功能表的下方是主工具列（Main Toolbar），提供與功能表列相同功能的圖示按鈕， 預設顯示標準工具列，提供開啟、儲存檔案、剪貼 簿、執行和切換顯示各程視窗等功能按鈕。

13 3-1-3 執行模式的使用介面 當VBE執行或偵錯Visual Basic應用程式時，VBE就會進入執行模式。此時除了執行應用程式外，在VBE同時會顯示與偵錯相關的其他視窗，如下圖所示：

14 3-2 設計視窗的基本操作 3-2-1 開啟和關閉設計視窗 3-2-2 浮動設計視窗 3-2-3 停駐設計視窗 3-2-4 自動隱藏設計視窗

15 3-2 設計視窗的基本操作-說明 VBE的設計視窗包含「方案總管」、「屬性」、「工具箱」和「資料庫總管」視窗等，使用者可以自行指定這些設計視窗的顯示狀態，以方便進行Visual Basic應用程式開發。

16 3-2 設計視窗的基本操作-主要狀態 設計視窗主要狀態說明，如下所示： 關閉（Closed）：不顯示設計視窗，視窗是關閉狀態。
浮動（Floating）：視窗是浮動在VBE整合開發環境的視窗之上。 可停駐（Docked）：設計視窗是附在VBE四周邊框上，例如：「方案總管」和「屬性」視窗預設是停駐在視窗右邊的邊框上。 自動隱藏（Automatically Hidden）：設計視窗是屬於可停駐狀態，且自動隱藏視窗成為垂直標籤，需要按一下標籤才會顯示視窗，例如：「工具箱」視窗。

17 3-2-1 開啟和關閉設計視窗-關閉設計視窗 對於開啟設計視窗，可以將它設定成關閉狀態，例如：按一下「方案總管」視窗右上角的【X】鈕，就可關閉設計視窗，如下圖所示：

18 若啟動VBE時為看到所需設計視窗，請執行「檢視」功能表的同名指令來開啟設計視窗，如下表所示：
3-2-1 開啟和關閉設計視窗-開啟設計視窗 若啟動VBE時為看到所需設計視窗，請執行「檢視」功能表的同名指令來開啟設計視窗，如下表所示：

19 3-2-2 浮動設計視窗 VBE設計視窗如果為浮動狀態，表示設計視窗是漂浮在VBE工作區域的上方，如同一個獨立視窗，可以使用滑鼠拖拉視窗至Windows作業系統桌面上的任何位置。 選【浮動】指令

20 3-2-3 停駐設計視窗-1 VBE設計視窗預設是停駐在上、下、左和右四周邊框可停駐狀態，可以更改設計視窗的停駐位置，或將浮動狀態的設計視窗改為可停駐狀態。 請注意！設計視窗需要處於浮動狀態，才可以更改狀態成為預設的可停駐狀態。

21 3-2-3 停駐設計視窗-2 將設計視窗改為可停駐狀態後，拖拉浮動視窗可以在VBE邊框四周和「方案總管」視窗中間看到四個小方框，這是設計視窗可停駐位置指示，如下圖所示：

22 3-2-4 自動隱藏設計視窗-說明 設計視窗能在不使用時，自動隱藏視窗成為垂直標籤，其主要目的是為了避免設計視窗佔用太多VBE工作區域，可以增加編輯索引標籤頁的可用編輯區域。 在「方案總管」視窗標題列，選右上角第1個向下箭頭鈕，可以看到下拉式選單，選【自動隱藏】指令，可以將「方案總管」視窗改為自動隱藏狀態。

23 3-2-4 自動隱藏設計視窗-圖例 按一下展開

24 3-3 使用表單設計工具 3-3-1 在表單新增控制項 3-3-2 控制項對齊

25 3-3-1 在表單新增控制項-說明 VBE專案建立Windows應用程式之圖形使用介面，就是使用表單設計工具之視覺化設計工具，直接拖拉來建立Windows應用程式的使用介面。

26 3-3-1 在表單新增控制項-新增方法 在「工具箱」視窗選取控制項後，接著在表單編輯區域插入位置按一下滑鼠左鍵，即可新增控制項。
在「工具箱」視窗按二下欲新增控制項後，就可在表單編輯區域左上角新增控制項。若表單已經有控制項，此時會新增至最後一個新增控制項旁邊。 直接從「工具箱」視窗拖拉控制項至表單編輯區域後，在插入位置放開左鍵可新增控制項。 對於表單編輯區域已存在控制項，可在控制項上，執行右鍵快顯功能表【複製】指令，然後使用【貼上】指令新增控制項。

27 3-3-2 控制項對齊-水平對齊1 控制項快照線可水平對齊2個控制項，或以文字內容底部為基準來進行水平對齊。例如：水平對齊2個Button控制項，首先移動Button1控制項至定位後，接著移動Button2控制項（這兩個控制項尺寸不同）到達水平對齊位置時，可看到藍色快照線，如下圖所示：

28 3-3-2 控制項對齊-水平對齊2 對於不同種類或尺寸控制項，可能需要以文字內容底部為基準進行水平對齊。例如：對齊Label和Button控制項，此時快照線是粉紅色，如下圖所示：

29 3-3-2 控制項對齊-垂直對齊1 控制項快照線也可幫助進行垂直對齊多個控制項。例如：垂直對齊2個Label標籤控制項，首先將Label1移至定位，如下圖所示：

30 3-3-2 控制項對齊-垂直對齊2 對於不同控制項，因尺寸不同，所以只能選擇垂直對齊左邊或右邊，如下圖所示：

31 3-4 屬性視窗 3-4-1 屬性視窗說明 3-4-2 設定屬性值 3-4-3 設定色彩屬性值

32 3-4-1 屬性視窗的說明-圖例 「屬性」視窗可顯示表單或控制項物件的屬性清單，用以建立圖形使用介面時修改相關屬性值，如果沒有看到「屬性」視窗，請執行「檢視」→「屬性視窗」指令來顯示此視窗，如右圖所示：

33 3-4-1 屬性視窗的說明-1 物件清單 「屬性」視窗上方是一個下拉式清單，可顯示目前表單上所有新增控制項物件，如下圖所示：

34 3-4-1 屬性視窗的說明-2 工具按鈕 物件清單下方是一排工具按鈕，可指定屬性清單排列方式、切換顯示控制項的屬性或事件清單和顯示屬性頁，如下圖所示： 事件 排列方式

35 3-4-1 屬性視窗的說明-3 屬性清單 「屬性」視窗中間部分是以分類或字母順序排列的屬性清單，其左邊欄位是屬性名稱；右邊欄位是屬性值，如下圖所示：

36 3-4-1 屬性視窗的說明-4 屬性說明 屬性視窗的最下方是屬性說明，當在中間選取屬性後，在下方就會顯示此屬性簡單說明文字。

37 3-4-2 設定屬性值 說明「屬性」視窗後，就可以選取控制項物件來設定其屬性值，VBE共有三種方法來設定屬性值，如下所示： 直接輸入屬性值。
使用下拉式清單來選擇。 按下欄位後的按鈕（這是一個小按鈕，中間有三個點），可以顯示進一步屬性設定的對話方塊。

38 3-4-3 設定色彩屬性值-直接輸入色彩的屬性值
Visual Basic色彩值是以RGB三原色的3個值指定色彩，3個值依序是紅、綠和藍三原色比例值，其範圍是0~255，例如：0,0,0代表黑色、0,255,0代表檸檬綠、255,0,0代表紅色和255,255,255代表白色，如下圖所示：

39 3-4-3 設定色彩屬性值-使用下拉式清單來選擇色彩
在「屬性」視窗色彩屬性，可以使用下拉式清單來選擇色彩，如右圖所示：

40 3-4-3 設定色彩屬性值-使用對話方塊來選擇色彩
在下拉式清單的【自訂】標籤可以讓使用者自訂色彩，預設是一些調色盤的常用色彩（這些色彩會因使用者系統顯示卡的設定而有所不同），如下圖所示：

41 3-5 程式碼編輯器的使用 3-5-1 開啟程式碼編輯器 3-5-2 在編輯器輸入程式碼 3-5-3 IntelliSense智慧程式碼輸入

42 3-5-1 開啟程式碼編輯器 程式碼編輯器上方索引標籤並沒有【設計】字樣，在表單設計工具執行「檢視」→「程式碼」指令或按F7鍵，可看到程式碼編輯器，如下圖所示：

43 3-5-2 在編輯器輸入程式碼-說明 在VBE程式碼編輯器輸入Visual Basic程式碼後，程式碼會自動縮排和以不同色彩來標示程式敘述。如果有修改，在上方檔案名稱標籤後會顯示星號，表示尚未儲存，如下圖所示：

44 3-5-2 在編輯器輸入程式碼-說明 在Visual Basic程式碼編輯視窗輸入文字內容時，鍵盤主要編輯按鍵說明，如下表所示：

45 3-5-3 IntelliSense智慧程式碼輸入-顯示物件屬性或方法清單
在程式碼編輯器輸入物件時，IntelliSense可以顯示其屬性、方法和列舉常數清單。例如：在Button1_Click()事件處理程序輸入Button1控制項物件的程式碼，如下圖所示：

46 3-5-3 IntelliSense智慧程式碼輸入-函數或方法的語法提示說明

47 3-5-3 IntelliSense智慧程式碼輸入-使用程式碼片斷
為方便在程式碼編輯器輸入Visual Basic程式碼，VBE提供現成程式碼片斷，只需選擇和插入後，就可以快速完成程式碼編輯。請按?+Tab鍵來插入程式碼片斷，如下圖所示：

48 3-6 方案總管視窗 3-6-1 方案總管視窗說明 3-6-2 設定專案屬性 3-6-3 新增與刪除專案檔案

49 3-6-1 方案總管視窗的說明 VBE的「方案總管」視窗是應用程式專案管理視窗，可顯示目前方案中的專案清單，在專案項目下是相關檔案清單。如果VBE沒有看到「方案總管」視窗，請執行「檢視」→「方案總管」指令來顯示此設計視窗，如右圖所示：

50 3-6-2 設定專案的屬性-圖例 在「方案總管」視窗的【視窗程式】專案上執行右鍵快顯功能表的【屬性】指令，可看到專案屬性頁，如下圖所示：

51 3-6-2 設定專案的屬性-常用屬性 常用屬性的簡單說明，如下表所示：

52 3-6-3 新增與刪除專案的檔案-檔案種類 當我們在VBE新增【Windows Form應用程式】專案時，預設建立一個名為Form1.vb表單的Windows Form檔，事實上，在Visual Basic專案可以擁有的檔案種類主要有三種，如下所示： 模組檔（Modules）：模組檔案的內容主要是程序與函數，可以建立應用程式所需的函式庫，Visual Basic的主控台應用程式就是一個模組檔。 類別檔（Classes）：類別檔是物件導向程式設計的類別宣告，可以在Visual Basic應用程式建立此類別的物件，進一步說明請參閱附錄A。 Windows Forms檔：一種特殊的類別檔，可以用來建立Windows應用程式的圖形使用介面。

53 3-6-3 新增與刪除專案的檔案-新增檔案 在VBE的「方案總管」視窗可以新增和刪除專案檔案，例如：在專案新增一個模組檔案，如下圖所示：

54 3-6-3 新增與刪除專案的檔案-刪除檔案 刪除專案檔案，請在「方案總管」視窗欲刪除的檔案上，執行右鍵快顯功能表的【刪除】指令來刪除專案檔案。