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

Slides:



Advertisements
Similar presentations
第一單元 建立java 程式.
Advertisements

ooxx這個遊戲程式,非常的簡單只要你小時候會玩井字遊戲即可把電腦打敗,可以說是一種考智力取勝的遊戲。
課程名稱:程式設計 授課老師:________
本章投影片僅供本書上課教師使用,非經同意請勿拷貝或轉載
Visual C# 劉俊琅老師 課本:Visual C# 2010 從零開始 博碩文化出版發行.
Taiwan President Election
題目:台灣客運 南臺科技大學 機械工程系 班級:奈米一乙 學號:4A 姓名:蔡政堯 授課教師:謝慶存
程式開發工具 Visual BASIC Express 2008 程式語言 程式語言的概念.
程式簡介、VB、物件導向 高雄市立中山高中 惠志堅老師.
第 1 章 使用 APP INVENTOR 2 開發 ANDROID APP
CH11.
程式語言的基礎 Input Output Program 世代 程式語言 第一世代 Machine language 第二世代
臺北市立大學 資訊科學系(含碩士班) 賴阿福
程式設計概論 1.1 程式設計概論 程式語言的演進 物件導向程式 程式開發流程 1.2 C++開發工具
建立VB.NET應用程式 資管系 助理教授 詹曉苓.
第2章 建立Visual Basic應用程式 2-1 如何設計Visual Basic應用程式 2-2 建立主控台應用程式
第2章 建立Visual Basic應用程式.
物件導向程式設計 CH1, CH2.
第16章 Windows Form與資料繫結 16-1 資料繫結的基礎 16-2 在專案新增資料來源 16-3 使用資料來源建立單筆編輯表單
Q101 在701 SDX Linux上的標準安裝與使用程序v2
JDK 安裝教學 (for Win7) Soochow University
第1章 認識Arduino.
鄭士康 國立台灣大學 電機工程學系/電信工程研究所/ 資訊網路與多媒體研究所
客戶端的檔案上傳 HtmlInputFile檔案控制項 上傳單一檔案 同時上傳多個檔案.
Java程式概觀.
第3章 Visual Basic 2008 Express 使用
第4章 視窗應用程式的基本輸出入 4-1 物件基礎程式設計 4-2 表單控制項 4-3 按鈕控制項 4-4 資料輸出的標籤控制項
類別(class) 類別class與物件object.
R教學 安裝RStudio 羅琪老師.
ASP.NET基本設計與操作 建國科技大學 資管系 饒瑞佶 2007年.
第2章 建立VB.NET應用程式 2-1 如何設計VB.NET應用程式 2-2 第一個VB.NET的主控台應用程式
安裝JDK 安裝Eclipse Eclipse 中文化
第2章 第一個Visual Basic應用程式
Visual Basic 物件導向程式設計簡介.
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
第4章 視窗應用程式的基本輸出入.
檔案與磁碟的基本介紹.
第二章 SPSS的使用 2.1 啟動SPSS系統 2.2 結束SPSS系統 2.3 資料分析之相關檔案 2.4 如何使用SPSS軟體.
第11章 多表單與模組的視窗應用程式 11-1 Visual Basic的方案與專案 11-2 模組化Visual Basic應用程式
Fortran 程式語言 之 編與譯(二) 張基昇.
網頁切換移轉 JS vs. ASP.NET.
第4章 視窗應用程式的基本輸出入 4-1 物件基礎程式設計 4-2 表單控制項 4-3 按鈕控制項 4-4 資料輸出的標籤控制項
Java程式設計 Eclipse.
第一單元 建立java 程式.
標籤、按鈕、工具列、狀態列 (Labels, Buttons, Tool Strips, and Status Strips)
VS.NET 2003 IDE.
PLC-GPPW軟體使用教學 授課教師:張祖烈
Ch20. 計算器 (Mac 版本).
第2章 建立C應用程式 2-1 如何設計C應用程式 2-2 第一個C程式 2-3 Dev-C++整合開發環境的使用 2-4 C程式的寫作風格
第 19 章 XML記憶體執行模式.
第一個cordova project Cordova project建立與平台設定,均藉由cli(command line interface來完成 建立project請打開命令提示字元視窗應輸入下列命令 cordova create hello tw.edu.stust.mis.hello HelloWorld.
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
安裝 / 操作 flashget SOP (以Win 7 作業系統為範例)
挑戰C++程式語言 ──第8章 進一步談字元與字串
雙按button1,2,3,4 Method 方法/動作 textBox2.Text textBox1 textBox3.Text 轉為數字 c是數字 int c = int.Parse(textBox1.Text) + …; textBox3.Text = c.ToString();
FTP使用教學 簡介: 軟體名稱:FileZilla 軟體性質:Freeware 版本: 繁體中文版
MicroSim pspice.
利用 EditorConfig 自訂文字編輯器設定
程式移植.
2018 Operating Systems 作業系統實習 助教:林欣穎 實驗室:720A.
Brief Guide of FrontPage
安裝JDK 配置windows win7 環境變數
若要查看更多祕訣、影片、說明和訓練,請瀏覽 aka.ms/officetips
多國語系 建國科技大學 資管系 饒瑞佶.
開發Java程式語言的工具 JDK.
NFC (近場通訊, Near Field Communication) 靜宜大學資管系 楊子青
Chapter 4 Multi-Threads (多執行緒).
Unix指令4-文字編輯與程式撰寫.
Develop and Build Drives by Visual C++ IDE
InputStreamReader Console Scanner
Presentation transcript:

第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-1 使用Visual Studio開發Visual Basic應用程式

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專案的應用程式,如果編譯有錯誤,請重複上述步驟來更改程式碼。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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類別。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

End