第第 22 章 章 第一個第一個 Visual BasicVisual Basic 應用程應用程式式

2-1 2-1 如何開發如何開發 Visual BasicVisual Basic 應用程式應用程式2-2 2-2 建立主控台應用程式建立主控台應用程式2-3 2-3 建立建立 WindowsWindows 應用程式應用程式2-4 Visual Basic2-4 Visual Basic 程式架構程式架構2-5 2-5 在在 WindowsWindows 作業系統執行程式作業系統執行程式

2-1 2-1 如何開發如何開發 Visual BasicVisual Basic 應用程應用程式式

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期2-1-2 2-1-2 演算法演算法

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期 -- 說明說明

程式設計（程式設計（ ProgrammingProgramming ）是將需要解決）是將需要解決的問題轉換成程式碼，程式碼不只能夠在的問題轉換成程式碼，程式碼不只能夠在電腦上正確的執行，而且可以證明程式執電腦上正確的執行，而且可以證明程式執行的正確性、沒有錯誤，而且完全符合問行的正確性、沒有錯誤，而且完全符合問題分析出的需求。題分析出的需求。當程式設計者進行程式設計時，通常我們當程式設計者進行程式設計時，通常我們會使用一些標準作業程序的階段和步驟來會使用一些標準作業程序的階段和步驟來建立和開發程式，稱為「程式開發周期」建立和開發程式，稱為「程式開發周期」（（ Program Development CycleProgram Development Cycle ），簡單），簡單的說，這就是建立電腦程式的階段。的說，這就是建立電腦程式的階段。

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期 -- 圖例圖例

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期 -- 階段一階段一

階段一：需求分析（階段一：需求分析（ Analyze RequirementAnalyze Requirementss ））程式設計的需求分析是在了解問題本身，在仔細程式設計的需求分析是在了解問題本身，在仔細的分析需求後，以便確切獲得程式需要輸入的資的分析需求後，以便確切獲得程式需要輸入的資料和其預期產生的結果，如下圖所示：料和其預期產生的結果，如下圖所示：

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期 -- 階段二階段二(1)(1)

階段二：設計解決方法（階段二：設計解決方法（ Design SolutionDesign Solution ））在了解程式設計的需求後，我們就可以開始找尋在了解程式設計的需求後，我們就可以開始找尋解決問題的方法和策略，一般來說，我們有兩種解決問題的方法和策略，一般來說，我們有兩種方法來設計解決方法，如下所示：方法來設計解決方法，如下所示： 物件導向設計（物件導向設計（ Object-oriented DesignObject-oriented Design ）：使用物件）：使用物件

導向程式設計的程式設計技術來設計解決方法，在建導向程式設計的程式設計技術來設計解決方法，在建立包含資料和程序的物件後，就可以完成設計，詳見立包含資料和程序的物件後，就可以完成設計，詳見附錄附錄 AA 的說明。的說明。

結構化設計（結構化設計（ Structured DesignStructured Design ）：使用由上而下的）：使用由上而下的設計方法（設計方法（ Top-down DesignTop-down Design ）來找出解決方法，將）來找出解決方法，將程式分解成階層架構的「模組」（程式分解成階層架構的「模組」（ ModuleModule ），每個模），每個模組是一段擁有獨立功能的程式碼，只有單一進入點和組是一段擁有獨立功能的程式碼，只有單一進入點和離開點，各模組間使用三種流程控制：循序結構、選離開點，各模組間使用三種流程控制：循序結構、選擇結構和重複結構來整合。擇結構和重複結構來整合。

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期 -- 階段二階段二(2)(2)

階段二：設計解決方法（階段二：設計解決方法（ Design SolutionDesign Solution ））對於初學程式設計的讀者來說，主要是使對於初學程式設計的讀者來說，主要是使用結構化設計來找出解決方法，事實上，用結構化設計來找出解決方法，事實上，在此階段就是找出解決問題的步驟，如下在此階段就是找出解決問題的步驟，如下圖所示：圖所示：

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期 -- 階段三階段三

階段三：驗證設計（階段三：驗證設計（ Validate DesignValidate Design ））在驗證設計階段是檢查解決方法是否正確，在驗證設計階段是檢查解決方法是否正確，通常我們會使用測試資料（通常我們會使用測試資料（ Test DataTest Data ）來）來驗證設計的解決方法是否正確，並且從中驗證設計的解決方法是否正確，並且從中找出所有可能的邏輯錯誤（找出所有可能的邏輯錯誤（ Login ErrorsLogin Errors ）。）。基本上，邏輯錯誤就是一種流程設計上的基本上，邏輯錯誤就是一種流程設計上的錯誤，可能造成不正確的執行結果。錯誤，可能造成不正確的執行結果。

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期 -- 階段四階段四

階段四：撰寫程式碼（階段四：撰寫程式碼（ CodingCoding ））在此階段是將設計的解決方法轉換成程式，在此階段是將設計的解決方法轉換成程式，也就是開始使用指定的程式語言來撰寫程也就是開始使用指定的程式語言來撰寫程式碼，以本書為例是使用式碼，以本書為例是使用 Visual Basic Visual Basic 20082008 語言。在實際撰寫程式時，可能發現語言。在實際撰寫程式時，可能發現另一種方法比較好，因為設計歸設計，有另一種方法比較好，因為設計歸設計，有時在實際撰寫程式時才會發現其優劣，如時在實際撰寫程式時才會發現其優劣，如果是良好的設計方法，就算改為其他方法果是良好的設計方法，就算改為其他方法也不會太困難。也不會太困難。

2-1-1 2-1-1 基本的程式開發周期基本的程式開發周期 -- 階段五階段五

階段五：測試解決方法（階段五：測試解決方法（ Test SolutionTest Solution ））測試解決方法階段是在證明程式執行的結果符合測試解決方法階段是在證明程式執行的結果符合需求的輸出資料，在這個階段可以再細分成數個需求的輸出資料，在這個階段可以再細分成數個小階段，如下所示：小階段，如下所示： 證明執行正確：我們需要證明它的執行結果是正確的，證明執行正確：我們需要證明它的執行結果是正確的，

程式符合所有輸入資料的組合，程式規格也都符合演程式符合所有輸入資料的組合，程式規格也都符合演算法的需求。算法的需求。

證明程式沒有錯誤：程式需要測試各種可能情況、條證明程式沒有錯誤：程式需要測試各種可能情況、條件和輸入資料，以測試程式執行無誤。如果有錯誤產件和輸入資料，以測試程式執行無誤。如果有錯誤產生，就需要程式除錯來解決問題。生，就需要程式除錯來解決問題。

執行程式除錯：如果程式無法輸出正確結果，除錯是執行程式除錯：如果程式無法輸出正確結果，除錯是在找出錯誤的地方。我們不但需要找出錯誤，還需要在找出錯誤的地方。我們不但需要找出錯誤，還需要找出更正錯誤的解決方法。找出更正錯誤的解決方法。

2-1-2 2-1-2 演算法演算法 -- 定義定義在程式開發周期的設計解決方法（在程式開發周期的設計解決方法（ Design SolutionDesign Solution ）階）階段如果使用結構化程式設計，其所寫出的解決問題步驟、段如果使用結構化程式設計，其所寫出的解決問題步驟、策略或方法稱為「演算法」（策略或方法稱為「演算法」（ AlgorithmsAlgorithms ），其基本定義），其基本定義如下：如下：

演算法是完成目標工作的一組指令，這組指令的步驟是有演算法是完成目標工作的一組指令，這組指令的步驟是有的。除此之外，演算法還必須滿足一些條件，如下所示：的。除此之外，演算法還必須滿足一些條件，如下所示：

輸入（輸入（ InputInput ）：沒有或數個外界的輸入資料。）：沒有或數個外界的輸入資料。 輸出（輸出（ OutputOutput ）：至少有一個輸出結果。）：至少有一個輸出結果。 明確性（明確性（ DefinitenessDefiniteness ）：每一個指令步驟都十分明確，沒有模）：每一個指令步驟都十分明確，沒有模稜兩可。稜兩可。

有限性（有限性（ FinitenessFiniteness ）：這組指令一定會結束。）：這組指令一定會結束。 有效性（有效性（ EffectivenessEffectiveness ）：每一個步驟都可行，可以追蹤其結果。）：每一個步驟都可行，可以追蹤其結果。

2-1-2 2-1-2 演算法演算法 --表示方法表示方法一般語言文字：直接使用文字描述來說明執行的步驟。一般語言文字：直接使用文字描述來說明執行的步驟。虛擬碼（虛擬碼（ Pseudo CodePseudo Code ）：一種趨近程式語言的描述方）：一種趨近程式語言的描述方法，它並沒有固定語法，其每一列約可轉換成一列程式碼，法，它並沒有固定語法，其每一列約可轉換成一列程式碼，如下所示：如下所示：/* /* 計算計算 11 加到加到 10 */10 */Let counter = 1Let counter = 1Let total = 0Let total = 0while counter <= 10while counter <= 10 total = total + countertotal = total + counter Add 1 to counterAdd 1 to counterOutput the total /* Output the total /* 顯示結果 顯示結果 **//

流程圖（流程圖（ Flow ChartFlow Chart ）：使用結構化的圖表描述執行過）：使用結構化的圖表描述執行過程，以各種不同形狀的圖形表示不同的操作，使用箭頭線程，以各種不同形狀的圖形表示不同的操作，使用箭頭線標示執行方向。標示執行方向。

2-2 2-2 建立主控台應用程式建立主控台應用程式

2-2-1 2-2-1 再談主控台應用程式再談主控台應用程式2-2-2 2-2-2 建立主控台應用程式的步驟建立主控台應用程式的步驟2-2-3 2-2-3 建立第一個主控台應用程式建立第一個主控台應用程式

2-2-1 2-2-1 再談主控台應用程式再談主控台應用程式 -- 說明說明

主控台應用程式（主控台應用程式（ Console ApplicationsConsole Applications ））是早期是早期 BASICABASICA 、、 GWBASICGWBASIC 和和QuickBasicQuickBasic 在在 MS-DOSMS-DOS 作業系統以文字模作業系統以文字模式執行的應用程式，主要是使用鍵盤輸入式執行的應用程式，主要是使用鍵盤輸入資料來執行應用程式，並且顯示單純文字資料來執行應用程式，並且顯示單純文字內容的輸出結果。內容的輸出結果。

2-2-1 2-2-1 再談主控台應用程式再談主控台應用程式 -- 圖例圖例

WindowsWindows 作業系統的主控台應用程式是在作業系統的主控台應用程式是在「命令提示字元」視窗執行（「命令提示字元」視窗執行（ Windows XP Windows XP MCEMCE 版的標題列顯示的是版的標題列顯示的是 Command Command PromptPrompt ），如下圖所示：），如下圖所示：

2-2-2 2-2-2 建立主控台應用程式的步驟建立主控台應用程式的步驟

步驟一：建立步驟一：建立 Visual BasicVisual Basic 應用程式的第一應用程式的第一步是建立步是建立 Visual BasicVisual Basic 專案，請選專案，請選【【主控台主控台應用程式應用程式】】範本。範本。步驟二：在主程式步驟二：在主程式 Main()Main() 程序撰寫程式碼。程序撰寫程式碼。步驟三：在步驟三：在 VBEVBE 編譯與執行編譯與執行 Visual BasicVisual Basic專案的應用程式，如果編譯錯誤，請重複專案的應用程式，如果編譯錯誤，請重複上述步驟更改程式碼來找出程式錯誤。上述步驟更改程式碼來找出程式錯誤。

2-2-3 2-2-3 建立第一個主控台應用程式建立第一個主控台應用程式 --說明說明

因為本書的重點是因為本書的重點是 WindowsWindows 視窗應用程式，視窗應用程式，所以筆者只準備簡單說明如何使用所以筆者只準備簡單說明如何使用 VBEVBE 建建立主控台應用程式。立主控台應用程式。例如：建立輸入讀者姓名和顯示輸入姓名例如：建立輸入讀者姓名和顯示輸入姓名的第一個主控台應用程式。的第一個主控台應用程式。

2-2-3 2-2-3 建立第一個主控台應用程式建立第一個主控台應用程式 --步驟一：新增主控台應用程式專案步驟一：新增主控台應用程式專案在起始頁按一下在起始頁按一下【【建立建立】】後的後的【【專案專案 (P)(P)】】超連超連接文字，或執行「檔案」→「新增專案」指令，接文字，或執行「檔案」→「新增專案」指令，可以看到「新增專案」對話方塊。可以看到「新增專案」對話方塊。

主控台應用程式

2-2-3 2-2-3 建立第一個主控台應用程式建立第一個主控台應用程式 --步驟二：編輯程式碼檔案步驟二：編輯程式碼檔案

如果在如果在 VBEVBE 沒有看到程式碼編輯器，請在右邊的沒有看到程式碼編輯器，請在右邊的「方案管理」視窗按二下「方案管理」視窗按二下【【 Module1.vbModule1.vb 】】模組檔模組檔案來顯示程式碼編輯器，就可以輸入程式碼，如案來顯示程式碼編輯器，就可以輸入程式碼，如下圖所示：下圖所示：

2-2-3 2-2-3 建立第一個主控台應用程式建立第一個主控台應用程式 --步驟三：編譯和執行主控台應用程式步驟三：編譯和執行主控台應用程式請執行「偵錯」→「開始偵錯」指令或按請執行「偵錯」→「開始偵錯」指令或按F5F5鍵，即可編譯和建置專案，在完成後如鍵，即可編譯和建置專案，在完成後如果沒有錯誤，可以看到執行結果的「命令果沒有錯誤，可以看到執行結果的「命令提示字元」視窗。提示字元」視窗。

2-3 2-3 建立建立 WindowsWindows 應用程式應用程式

2-3-1 2-3-1 再談再談 WindowsWindows 應用程式應用程式2-3-2 2-3-2 事件驅動程式設計事件驅動程式設計2-3-3 2-3-3 建立建立 WindowsWindows 應用程式的步驟應用程式的步驟2-3-4 2-3-4 建立第一個建立第一個 WindowsWindows 應用程式應用程式

2-3-1 2-3-1 再談再談 WindowsWindows 應用程式應用程式 -- 說說明明

WindowsWindows 應用程式是在應用程式是在 WindowsWindows 作業系統作業系統下執行的圖形使用介面（下執行的圖形使用介面（ Graphic User-Graphic User-interfaceinterface ，， GUIGUI ）應用程式，這是使用視）應用程式，這是使用視窗、功能表、對話方塊、按鈕等圖形控制窗、功能表、對話方塊、按鈕等圖形控制項組成的應用程式。項組成的應用程式。例如：例如： OfficeOffice 軟體、記事本、小畫家或軟體、記事本、小畫家或VBEVBE 本身都是一種本身都是一種 WindowsWindows 應用程式。應用程式。

2-3-1 2-3-1 再談再談 WindowsWindows 應用程式應用程式 -- 圖圖例例

視窗

對話方塊

2-3-2 2-3-2 事件驅動程式設計事件驅動程式設計

WindowsWindows 應用程式等圖形使用介面應用程式的事應用程式等圖形使用介面應用程式的事件驅動程式設計是使用事件驅動邏輯（件驅動程式設計是使用事件驅動邏輯（ Even-Even-driven Logicdriven Logic ），其執行流程需視使用者的操作而），其執行流程需視使用者的操作而定，如同百貨公司開門後，需要等到客戶上門後，定，如同百貨公司開門後，需要等到客戶上門後，才會有銷售流程的產生，換句話說，客戶上門就才會有銷售流程的產生，換句話說，客戶上門就是觸發一個事件，應用程式依事件來執行適當的是觸發一個事件，應用程式依事件來執行適當的處理。處理。例如：上一節在啟動例如：上一節在啟動【【記事本記事本】】後，程式是直到後，程式是直到我們執行功能表指令後，才會顯示「字型」對話我們執行功能表指令後，才會顯示「字型」對話方塊，並且等到按下方塊，並且等到按下【【確定確定】】鈕才完成字型設定。鈕才完成字型設定。

2-3-3 2-3-3 建立建立 WindowsWindows 應用程式的步應用程式的步驟驟

步驟一：建立步驟一：建立 Visual BasicVisual Basic 應用程式的第一步是建立應用程式的第一步是建立Visual BasicVisual Basic專案，請選專案，請選【【 Windows FormWindows Form 應用程式應用程式】】範範本。本。步驟二：在建立專案後，預設新增步驟二：在建立專案後，預設新增 From1.vbFrom1.vb表單類別檔，表單類別檔，請依照規劃的使用介面，在調整表單尺寸後，從「工具請依照規劃的使用介面，在調整表單尺寸後，從「工具箱」視窗拖拉所需控制項到表單，即可建立表單使用介面。箱」視窗拖拉所需控制項到表單，即可建立表單使用介面。步驟三：在表單新增控制項後，接著可以在「屬性」視窗步驟三：在表單新增控制項後，接著可以在「屬性」視窗調整表單或控制項的大小、字型、色彩和外觀等屬性值。調整表單或控制項的大小、字型、色彩和外觀等屬性值。步驟四：請依照控制項觸發的事件，建立所需的事件處理步驟四：請依照控制項觸發的事件，建立所需的事件處理程序。程序。步驟五：在步驟五：在 VBEVBE編譯與執行編譯與執行 Visual BasicVisual Basic專案的應用程專案的應用程式，如果有編譯錯誤，請重複上述步驟更改程式碼來找出式，如果有編譯錯誤，請重複上述步驟更改程式碼來找出程式錯誤。程式錯誤。

2-3-4 2-3-4 建立第一個建立第一個 WindowsWindows 應用程應用程式式

-- 步驟一：新增步驟一：新增 Windows FormWindows Form 應用程式專案應用程式專案在起始頁按一下在起始頁按一下【【建立建立】】後的後的【【專案專案 (P)(P)】】超連超連接文字，或執行「檔案」→「新增專案」指令，接文字，或執行「檔案」→「新增專案」指令，可以看到「新增專案」對話方塊。可以看到「新增專案」對話方塊。

Windows Form應用程式

2-3-4 2-3-4 建立第一個建立第一個 WindowsWindows 應用程應用程式式

-- 步驟二：在表單新增控制項步驟二：在表單新增控制項VBEVBE 是一種「視覺化程式開發工具」（是一種「視覺化程式開發工具」（ Visual Visual Builder ToolBuilder Tool ，， VBTVBT ），我們只需在「工具箱」），我們只需在「工具箱」視窗選取控制項，就可以在表單新增圖形使用介視窗選取控制項，就可以在表單新增圖形使用介面的元件，如下圖所示：面的元件，如下圖所示： Label控制

項

2-3-4 2-3-4 建立第一個建立第一個 WindowsWindows 應用程應用程式式

-- 步驟三：設定控制項屬性步驟三：設定控制項屬性在表單新增控制項後，就可以選取控制項，在表單新增控制項後，就可以選取控制項，在「屬性」視窗設定控制項的相關屬性，在「屬性」視窗設定控制項的相關屬性，如下圖所示：如下圖所示：

設定屬性

2-3-4 2-3-4 建立第一個建立第一個 WindowsWindows 應用程應用程式式

-- 步驟四：在控制項新增事件處理程序步驟四：在控制項新增事件處理程序在表單上按二下在表單上按二下【【 Button1Button1】】按鈕控制項，按鈕控制項，可以建立預設的可以建立預設的 ClickClick 事件處理程序，並且事件處理程序，並且自動切換到程式碼編輯器來輸入事件處理自動切換到程式碼編輯器來輸入事件處理程序的程式碼，如下圖所示：程序的程式碼，如下圖所示：

2-3-4 2-3-4 建立第一個建立第一個 WindowsWindows 應用程應用程式式

-- 步驟五：編譯與執行步驟五：編譯與執行 WindowsWindows 應用程應用程式式請執行「偵錯」→「開始偵錯」指令或按請執行「偵錯」→「開始偵錯」指令或按

F5F5鍵，在編譯和建置專案完成後，如果沒鍵，在編譯和建置專案完成後，如果沒有錯誤，可以看到執行結果的有錯誤，可以看到執行結果的 WindowsWindows 應應用程式視窗。用程式視窗。

2-4 Visual Basic2-4 Visual Basic 程式架構程式架構 -- 說明說明

Visual BasicVisual Basic 應用程式的程式碼是儲存在附應用程式的程式碼是儲存在附檔名檔名 .vb.vb 的檔案，主要可以分為兩種：模組的檔案，主要可以分為兩種：模組（（ ModulesModules ）和類別（）和類別（ ClassesClasses ））檔，檔， Visual BasicVisual Basic 語言的程式碼就是置於這語言的程式碼就是置於這兩種檔案之中。兩種檔案之中。Visual BasicVisual Basic 的主控台應用程式是一個擁有的主控台應用程式是一個擁有主程式主程式 Main()Main() 程序的模組；而程序的模組；而 WindowsWindows 應應用程式的表單則是一個用程式的表單則是一個 FormForm 類別的宣告。類別的宣告。

2-4 Visual Basic2-4 Visual Basic 程式架構程式架構 --模組（模組（ ModuleModule ））

Visual BasicVisual Basic 模組是延續舊版模組是延續舊版 VB6VB6 的程式的程式架構，大部分主控台應用程式的程式碼都架構，大部分主控台應用程式的程式碼都是位於模組。在新增是位於模組。在新增 Visual BasicVisual Basic 專案後，專案後，預設的檔案名稱為預設的檔案名稱為 Module1.vbModule1.vb ，其程式架，其程式架構如下所示：構如下所示：Module Module1Module Module1

Sub Main()Sub Main()

…… ……

End SubEnd Sub

End ModuleEnd Module

2-4 Visual Basic2-4 Visual Basic 程式架構程式架構 --類別（類別（ ClassClass ））

類別是一個藍圖用來建立物件（類別是一個藍圖用來建立物件（ ObjectObject ），它是），它是物件導向程式設計的觀念，在此之前讀者可以將物件導向程式設計的觀念，在此之前讀者可以將類別視為是類別視為是 Windows FormWindows Form 應用程式的標準程式應用程式的標準程式架構。架構。類別程式碼是置於類別程式碼是置於 Class/End ClassClass/End Class 關鍵字之間，關鍵字之間，如下所示：如下所示：Public Class Form1Public Class Form1

Private Sub Button1_Click(…) Handles Button1.ClickPrivate Sub Button1_Click(…) Handles Button1.Click

…… ……

End SubEnd Sub

End ClassEnd Class

2-5 2-5 在在 WindowsWindows 作業系統執行程式作業系統執行程式

2-5-1 2-5-1 執行主控台應用程式執行主控台應用程式2-5-2 2-5-2 執行執行 WindowsWindows 應用程式應用程式

2-5-1 2-5-1 執行主控台應用程式執行主控台應用程式

在在 VBEVBE 建置和編譯第建置和編譯第 2-2-32-2-3節的節的 VBVB 專案專案後，就可以直接在後，就可以直接在 WindowsWindows 作業系統開啟作業系統開啟「命令提示字元」視窗來執行編譯成的執「命令提示字元」視窗來執行編譯成的執行檔，如下圖所示：行檔，如下圖所示：

2-5-2 2-5-2 執行執行 WindowsWindows 應用程式應用程式

在在 VBEVBE 建置和編譯第建置和編譯第 2-3-42-3-4節的節的 Visual BasicVisual Basic 專專案後，就可以直接在案後，就可以直接在 WindowsWindows 作業系統執行編譯作業系統執行編譯成的執行檔，檔名是專案名稱成的執行檔，檔名是專案名稱【【視窗程式視窗程式 .exe.exe】】，，如下圖所示：如下圖所示：