第2章 建立Visual Basic應用程式 2-1 使用Visual Studio開發Visual Basic應用程式

Presentation on theme: "第2章 建立Visual Basic應用程式 2-1 使用Visual Studio開發Visual Basic應用程式"— Presentation transcript:

1 第2章 建立Visual Basic應用程式 2-1 使用Visual Studio開發Visual Basic應用程式
2-2 第一個主控台應用程式 2-3 第一個Windows應用程式 2-4 Visual Basic應用程式結構 2-5 Visual Basic語言的寫作風格 2-6 表單與程式碼編輯器的使用

2 2-1 使用Visual Studio開發Visual Basic應用程式

3 2-1-1 建立Visual Basic應用程式的基本步驟
Step 1 新增專案：建立Visual Basic應用程式的第一步是建立Visual Basic專案。 Step 2 建立表單介面：在建立專案後，預設新增Form1.vb表單類別檔，請依照規劃的介面，從「工具箱」視窗拖拉所需控制項到表單，就可以建立表單使用介面。 Step 3 設定控制項屬性：在「屬性」視窗調整表單或控制項大小、字型、色彩和外觀等屬性值。 Step 4 撰寫程式碼：主控台應用程式是撰寫主程式Main()的程式碼；Windows應用程式請依照控制項觸發的事件，建立所需的事件處理程序。 Step 5：編譯與執行：在VS Express for Desktop編譯與執行Visual Basic專案的應用程式，如果編譯有錯誤，請重複上述步驟來更改程式碼。

4 2-1-2 新增Visual Basic專案 VS Express for Desktop是使用專案來管理應用程式。為了方便測試本書的程式範例，筆者規劃的每一章範例專案是位在「程式範例」資料夾，以各章名的子目錄，例如：第2章是位在「程式範例\Ch02」資料夾。

5 2-1-3 開啟與關閉Visual Basic專案 – 開啟
在VS Express for Desktop的同一方案能夠同時建立多個專案，在起始頁點選【開啟專案…】超連結，或執行「檔案/開啟專案」命令。

6 2-1-3 開啟與關閉Visual C#專案 – 關閉
關閉Visual Basic專案 在VS Express for Desktop執行「檔案/關閉方案」命令就可以關閉專案，或是直接開啟其他專案，就會自動關閉目前開啟的專案。

7 2-2 第一個主控台應用程式-說明 主控台應用程式就是早期BASICA、GWBASIC或QuickBasic在MS-DOS作業系統以文字模式執行的應用程式。在Windows作業系統是在「命令提示字元」視窗執行的應用程式，如下圖所示：

8 2-2 第一個主控台應用程式-步驟一 步驟一：新增主控台應用程式專案
在VS for Desktop整合開發環境只需新增專案，就可以編輯、編譯和執行VB主控台應用程式。

9 2-2 第一個主控台應用程式-步驟二 步驟二：編輯程式碼檔案
現在我們已經建立好Ch2-2專案和新增Module1.vb的程式碼檔案，因為主控台應用程式的進入點是類別的主程式Main()，請繼續上面步驟，在主程式輸入程式碼，如下所示：

10 2-2 第一個主控台應用程式-步驟三 步驟三：編譯和執行主控台應用程式
在專案的Main()主程式輸入程式碼後，我們就可以建置和編譯專案的程式檔案。請執行「偵錯/開始偵錯」命令或按F5鍵，即可編譯和建置專案，在完成後如果沒有錯誤，可以看到執行結果的「命令提示字元」視窗。

11 2-3 第一個Windows應用程式 - 認識Windows應用程式
Windows應用程式是在Windows作業系統下執行的圖形使用介面GUI（Graphic User-interface）應用程式，它是使用視窗、功能表、對話方塊和按鈕等控制項組成的應用程式。 例如：Office軟體、記事本、小畫家或VS for Desktop本身都是Windows應用程式。

12 2-3 第一個Windows應用程式 - 事件驅動程式設計
Windows應用程式不同於主控台應用程式的執行流程，主控台應用程式執行的進入點是主程式的第1列程式碼，依序執行到最後一列，最後結束執行。Windows應用程式的執行需視使用者的操作而定，也就是依觸發的事件來執行適當的處理，稱為事件驅動程式設計（Event-driven Programming）。 例如：當啟動【記事本】後，在「字型」對話方塊按【確定】鈕或執行「檔案/結束」命令結束程式，都會觸發不同的Click事件，程式依事件來執行對應的事件處理程序，以便進行處理，例如：設定屬性或結束程式。

13 2-3 第一個Windows應用程式 -步驟一 步驟一：新增Windows Form應用程式專案
在VS for Desktop新增Windows Form應用程式專案，也就是準備開發建立Windows應用程式，可以產生Form1.vb表單類別。

14 2-3 第一個Windows應用程式 -步驟二 步驟二：在表單新增控制項
VS for Desktop屬於一種「視覺化程式開發工具」（Visual Builder Tool，VBT），我們只需在「工具箱」視窗選取控制項，就可以在表單上新增GUI元件，而且其使用介面的編排結果，也就是執行Windows應用程式顯示的使用介面。

15 2-3 第一個Windows應用程式 -步驟三 步驟三：設定控制項屬性 在表單新增控制項後，就可以選取控制項，在「屬性」視窗設定控制項屬性。

16 2-3 第一個Windows應用程式 -步驟四 步驟四：新增其他控制項
接著重複步驟二和三新增TextBox和Button按鈕控制項，並且設定相關屬性。

17 2-3 第一個Windows應用程式 -步驟五 步驟五：在控制項新增事件處理程序
目前我們已經在Form1表單共新增Label1、TextBox1和Button1三個控制項，接著就可以新增按鈕控制項的事件處理程序。

18 2-3 第一個Windows應用程式 -步驟六 步驟六：編譯與執行Windows應用程式
請執行「偵錯/開始偵錯」命令或按F5鍵，在編譯和建置專案完成後，如果沒有錯誤，就可以看到執行結果的Windows應用程式視窗。

19 2-4 Visual Basic應用程式結構 2-4-1 Visual Basic程式的基本結構

20 2-4-1 Visual Basic程式的基本結構-說明
Visual Basic應用程式的程式碼是儲存在副檔名.vb的檔案，主要可以分為兩種：模組（Modules）和類別（Classes）檔。主控台應用程式是一個擁有主程式Main()程序的模組；Windows應用程式的表單是Form的類別宣告。

21 2-4-1 Visual Basic程式的基本結構 – 模組（Module）
Visual Basic模組延續舊版VB6的程式架構，大部分主控台應用程式的程式碼都是置於模組。在新增Visual Basic專案後，預設檔案名稱為Module1.vb，其程式架構如下所示： Module Module1 Sub Main() …… End Sub End Module

22 2-4-1 Visual Basic程式的基本結構 – 類別（Class）
類別是一個藍圖用來建立物件（Object），這是物件導向程式設計的觀念，因為物件導向程式設計是在附錄A說明，讀者可以將類別視為一種Windows應用程式的標準程式結構。在新增Visual Basic專案後，預設建立檔案名稱Form1.vb的類別檔，如下圖所示：

23 2-4-1 Visual Basic的程式架構-類別(架構)
程式碼是置於Class/End Class關鍵字之間，如下所示： Public Class Form1 Private Sub Button1_Click(…) _ Handles Button1.Click …… End Sub End Class

24 2-4-1 Visual Basic的程式架構-類別(表單程式碼)
VS Express for Desktop表單設計視窗自動產生的表單程式碼是位在Form1.Designer.vb類別檔，其架構如下所示： Partial Class Form1 Inherits System.Windows.Forms.Form …… End Class 上述Partial部分類別宣告，程式內容是建立控制項的程式碼。它是使用Inherits關鍵字繼承自System.Windows.Forms.Form類別。

25 2-4-2 Visual Basic程式的基本輸出與輸入-主控台應用程式輸出和輸入的相關方法
在主控台應用程式的輸出與輸入是使用System.Console類別的相關方法，即主控台應用程式的標準輸入/輸出，在程式碼可以省略System，如下表所示：

26 2-4-2 Visual Basic程式的基本輸出與輸入- Write()和Windows應用程式的輸出與輸入
Windows應用程式的輸出與輸入是控制項物件，在第2-3節的程式範例是使用標籤和文字方塊控制項來輸出執行結果。Windows應用程式的基本輸出與輸入是本書的討論重點，詳細說明請參閱第4章。

27 2-5 Visual Basic語言的寫作風格-說明
Visual Basic語言的寫作風格就是撰寫Visual Basic程式碼的規則。 事實上，Visual Basic程式碼是由程式敘述組成，數個程式敘述組合成程式區塊，每一個區塊擁有數列程式敘述或註解文字，一列程式敘述是一個運算式、變數和關鍵字組成的程式碼。

28 2-5 Visual Basic語言的寫作風格- 程式敘述
Visual Basic程式是由程式敘述組成，一列程式敘述如同英文的一個句子，內含多個運算式、運算子或關鍵字（詳見第3章的說明），一些Visual Basic程式敘述的範例，如下所示： Dim balance As Integer = 1000 interest = balance * rate Console.WriteLine("第一個Visual Basic應用程式") 在同一列程式碼如果擁有多個程式敘述，每一個程式敘述請使用半形冒號":"分隔，如下所示： balance = 10000: rate = 0.04: interest = balance * rate

29 2-5 Visual Basic語言的寫作風格- 程式區塊
程式區塊（Blocks）是由多個程式敘述組成，它是位在Sub/End Sub、Function/End Funciton和If/End If等擁有End關鍵字間的程式碼，如下所示： Sub Main End Sub

30 2-5 Visual Basic語言的寫作風格-End關鍵字：結束程式
Visual Basic應用程式的進入點是主程式Main()或啟動物件，如果使用程式碼來結束Visual Basic程式則是使用End程式敘述，當程式執行到此程式敘述，就會馬上結束應用程式的執行。 例如：在第2-3節Windows應用程式的表單新增按鈕控制項後，在Click事件處理程式使用End程式敘述，如下所示： Private Sub Button2_Click(sender As Object, _ e As EventArgs) Handles Button2.Click End End Sub

31 2-5 Visual Basic語言的寫作風格- 程式註解
程式註解（Comments）是程式設計上很重要的部分，良好註解不但能夠輕易了解程式目的，在維護上也可以提供更多的資訊。 Visual Basic程式註解是以REM指令或"'"符號開始的列，或程式列此符號後的內容，如下所示： REM 變數的宣告 ' 大家好 Dim size1,size2 As Integer ' 變數的宣告

32 2-5 Visual Basic語言的寫作風格- 太長的程式碼(舊版)
Dim size1,size2,size3,size4,size5 _ ,size6,size7,size8,size9 As Integer

33 2-5 Visual Basic語言的寫作風格- 太長的程式碼(新寫法)
2010之後版本支援隱含字串連接（Implied Line Continuation），某些情況可以不用加上"_"符號，因為編譯程式會隱含自動加上此符號，所以程式碼分成兩列即可，如下所示： Dim size1,size2,size3,size4,size5, size6,size7,size8,size9 As Integer 在上述太長程式碼中的Visual Basic運算子之後、LINQ關鍵字之後，">"、"("、"."、","、"="、"<%="和">"連接符號之後，")"和"%>"連接符號之前，都可以不用加上"_"符號，直接分成兩列。

34 2-5 Visual Basic語言的寫作風格- 列印和顯示的符號常數
Visual Basic符號常數屬於輸出時的控制字元，在Visual Basic提供對應功能的ControlChars列舉常數，如下表所示：

35 2-6 表單與程式碼編輯器的使用 2-6-1 切換檔案與輸入程式碼 2-6-2 IntelliSense智慧程式碼輸入
2-6-3 表單編輯視窗的控制項對齊

36 2-6-1 切換檔案與輸入程式碼 當我們在VS for Desktop程式碼編輯視窗輸入程式碼後，程式碼會自動縮排和以不同色彩來標示程式敘述。在上方的檔案名稱標籤，可以切換編輯的程式碼檔案或表單設計視窗，如下圖所示：

37 2-6-2 IntelliSense智慧程式碼輸入-說明
VS for Desktop程式碼編輯視窗提供IntelliSense智慧程式碼輸入功能，可以在輸入程式碼時，顯示物件屬性、方法和語法說明提示等提示訊息的小視窗，來幫助我們輸入Visual Basic程式碼。

38 2-6-2 IntelliSense智慧程式碼輸入- 顯示物件屬性或方法清單
請開啟「程式範例\Ch02\Ch2-6」的Visual Basic專案，切換至程式碼編輯視窗，在Button1_Click()事件處理程序輸入物件名稱或程式碼關鍵字時，只需輸入部分字串，就可以顯示可用的物件或關鍵字清單，如下圖所示：

39 2-6-2 IntelliSense智慧程式碼輸入- 物件方法的語法提示說明
在輸入.NET Framework 類別方法時，IntelliSense會顯示方法需要傳入哪些參數的語法提示，如下圖所示：

40 2-6-2 IntelliSense智慧程式碼輸入- 插入程式碼片段
VS Express for Desktop為了方便Visual Basic程式碼輸入，提供現成的程式碼片段，我們只需選擇片段和插入後，就可以快速完成程式碼的編輯。請在編輯視窗按?+Tab鍵來插入程式碼片段，如下圖所示：

41 2-6-3 表單編輯視窗的控制項對齊- 控制項的水平對齊
快照線可以水平對齊2個控制項，或是以文字內容底部為基準來進行水平對齊。

42 2-6-3 表單編輯視窗的控制項對齊- 控制項的垂直對齊
同樣方式，快照線也可以幫助我們垂直對齊多個控制項。例如：垂直對齊2個Label標籤控制項，首先將Label1移至定位，如下圖所示：

43 End