VB.NET 視窗程式設計 VB.NET 簡介

NTU CSIE

講師：張傑帆

Visual Basic簡介

VB.NET 是Visual Basic.NET的簡寫，Visual

Basic是以BASIC程式語言為基礎，再加上視覺化(Visual)程式開發環境的一種程式語言開發工具。

BASIC程式語言(初學者通用符號指令碼) (Beginners‘ All-purpose Symbolic Instruction Code)

誕生於1964年，由美國 Dartmouth學院的

John Kemeny 和 Thomas Kurtz 設計

1975～1988 年微軟開發出 DOS 作業系統的 BASIC 程式語言

Quick BASIC (簡稱QB)

程式碼具結構化、模組化

可編譯成可執行檔等特性

Basic 程式語言的演進

1991年 微軟發表 Visual Basic 1.0

以視窗(Windows)為平台

提供一個設計程式軟體的開發環境。

Visual Basic簡稱VB 經歷

1.0版、2.0版、3.0版、4.0版、5.0版、6.0

版的改版。

VB 6.0 已具備

資料庫、多媒體、物件導向、開發

ActiveX元件功能。

Visual Basic簡介

自從電腦的作業系統從DOS的命令畫面轉變為視窗畫面之後，微軟公司也開發了整合性的視覺化程式開發工具Visual Basic。

在Visual Basic的開發環境中，程式設計師可以輕鬆、快速的建立視窗人機介面，接著進行程式編譯及程式庫連結的處理；最後，當然也可以在這個開發環境中執行或測試程式。

Basic 程式語言的演進

微軟於 2002/04/03，推出 VB 2002

建構下世代 XML Web Services 最佳的工具

與平台。

Visual Studio® .NET中文版(簡稱VS .NET)

將Visual Basic .NET(即VB 7.0或稱VB 2002)、

Visual C# .NET、Visual C++ .NET 等開發

軟體一起置入Visual Studio .NET整合開發

環境中。

Basic 程式語言的演進

VB 新語言的誕生

徹底改寫傳統 Basic 語言的觀念

造成舊版無法完全升級與相容

VB 地位提升到與各高階語言平起平坐

VB導入類別（Class）觀念

採用「事件驅動」的方式來編寫程式。

2003年推出VB 2003（VB 7.1）

輕易建立豐富的視窗桌面應用程式和強大的 Web 應用程式

針對無線裝置、網際網路啟用裝置及 Pocket PC 建立應用程式的完整支援。

2006年 推出VB 2005（VB 8.0）

新增物件導向泛型機制(類似C++ Templete)

程式設計師可藉由ActiveX、XML Web Services技術，進行 Internet 的程式設計。

Basic 程式語言的演進

2008年 推出VS 2008（VB 9.0），在VB 2008中新增

- LINQ 功能

- 物件關聯式的設計工具

- WPF應用程式的專案設計工具支援、

- 建立ClickOnce部署…等功能。

2010年6月 推出VS 2010（VB 10.0），可快速開發

- Windows Form應用程式

- WPF應用程式

- ASP .NET Web應用程式

- Silverlight應用程式

- 手機及智慧型裝置應用程式(Windows Phone)

及雲端服務

實現微軟「三螢一雲」loud)的開發願景。

2012年6月推出 VS 2012

- 是唯一可開發 Windows 市集應用程式Windows

Store App專案

- 安裝 VS 2012 同時會安裝「Blend for Visual

Studio 2012」視覺化開發工具

- 透過 Blend for VS 2012 可讓你以視覺化方式建立

Windows 市集應用程式與 Windows Phone行動

裝置控制項、版面配置、筆刷資源、各類型動畫等，

以提高開發的速度。

- 此版本提供功能強大的 HTML5 開發環境，可開發

跨平台 jQuery Mobile 行動裝置網站。

2013年10月推出VS 2013

此版支援 Windows 8.1 的 Windows 市集應用程式開

發加入許多工具、控制項與範本。

在Windows 市集應用程式的UI設計Blend for XAML中

提供新功能，如新增尺規和自訂輔助線讓開發人員能更

精確的進行內容配置。

提供 Blend for HTML，讓開發人員也可用 HTML 來建

置 Windows 市集應用程式，或使用 CSS 來調整時間

軸的動畫設定。

在 Web 應用程式開發方面，VS 2013整合 Web 專案

體驗，讓您輕鬆地建立包含ASP.NET WebForms、

MVC 或 Web API各版本的混合式應用程式。

微軟.NET Framework 架構

.NET Framework 1.0架構是微軟公司在2002年提出類似Java 語言的跨平台技術。之後，微軟公司不斷改進此架構，目前已經在2012年底推出最新的.NET Framework

4.5 架構。

.NET Framework架構主要是由：

共通語言規範(CLS)

NET Framework 基底類別庫

共通語言執行時期環境(CLR)

等三個部分所組成。

.NET Framework

共通語言規範(CLS)

目前.NET Framework支援的程式語言有： VB、C#、C++、以及J#等多種語言，其中VB與C# 是專為.NET量身訂作的程式語言。

由於.NET Framework容許一個.NET應用程式專案可以採用多種程式語言撰寫，因此需要一個「共通語言規範」讓程式開發人員可以先將程式碼編譯成中間碼後，再和其他.NET Framework類別庫結合成組件，即可在共通語言執行時期環境(CLR)上編譯成機器碼(如圖)供使用者在不同的作業系統平台上執行。

共通語言執行時期環境

(Common Language Runtime，CLR)

「共通語言執行時期環境」(CLR) 是.NET

Framework中最底層的部份，CLR提供所有.NET 程式語言執行程式時的服務：包含

跨語言的呼叫及繼承

自動記憶體管理

跨語言例外事件處理

資料型別檢查

安全性控管

COM 元件互通能力

多執行緖執行能力等服務

VS.NET 2013

微軟公司除了提出.NET Framework跨平台技術之外，也同時提出了Visual

Studio.NET (簡稱VS.NET)。

以視覺化方式提供程式開發人員一個有效率的整合性開發環境

（Integrated Development Environment，簡稱IDE）。

將編輯器、編譯器、連結器、除錯器的功能整合為一體，可大幅提昇程式設計師在開發程式時的生產力。

VS 2013 for Desktop 整合開發環境

一般開發程式都經 編輯、編譯、執行、偵錯 四階段。

早期程式語言四階段都獨立分開處理 不方便。

Windows 開發平台

視窗應用程式已將編輯、編譯、執行、偵錯四階段整合在一個環境操作稱為整合開發環境。

整合開發環境

Integreted Development Environment 簡稱 : IDE

提供統一的圖形化操作介面。

透過 IDE 提供工具，讓程式設計者不用寫程式碼便能建立輸出入介面。

程式設計人員只要專注於程式主體撰寫，節省程式開發時間。

認識Visual Studio 2013

Visual Studio 2013針對不同的使用需求區分成多種版本

Visual Studio Express 版

其它版本，包括Professional 版本、Premium

版本、Ultimate版本等，適合商業程式開發，依開發團隊的規模適用不同的版本。

如何取得？

線上安裝：

可以選擇只安裝Visual Basic、Visual C++

或其它個別成員，但是無法存成檔案或燒錄成光碟。

All-in One ISO: 這是All-in-one版本，包含了所有Express版本成員，但是會下載成iso檔，必須再使用可燒錄ISO格式的軟體，如Nero等燒錄成DVD光碟。

VS.NET 2013 Express 下載

Visual Studio Express 2012

關鍵字：vs net 2012 express download

https://www.microsoft.com/zh-

tw/download/details.aspx?id=34673

Visual Studio Express 2013

http://www.microsoft.com/zh-

tw/download/details.aspx?id=44917

VS.NET 2013 Express 安裝

安裝Visual Studio Express

2013 for Windows Desktop 點選「立即安裝」連結或放入安裝光碟，等待第一個安裝畫面出現。

選取您要下載的版本

點選執行左下角的下載程式。

接下來，與一般程式安裝沒什麼差別，就是等待了。

註：有點模糊了嗎？VS2013和VB2013的差別？

VS2013含VB2013、VC++2013、VC#2013等多種程式語言工具。實際上我們用的是VS Express 2013 for Desktop中的VB2013。

第一個程式 主控台應用程式

開啟VB 2013

起始頁

建立主控台應用程式

主控台應用程式

文字介面的執行方式。

類似Windows XP的「命令提示字元」。

沒有漂亮的介面，不需要任何控制項，也因此不必設計表單。

程式內容和結果都會變得比較單純，很適合在初學階段用來學習迴圈、選擇等基本程式結構。

主控台應用程式的基本指令

Console.WriteLine(“顯示文字”)

Console.Write(“顯示文字”)

將雙引號內的文字完整的顯示在螢幕上，二者的差別在於Console.WriteLine顯示後會自動換行，而Console.Write不會。

變數=Console.ReadLine()

等待從鍵盤輸入一串文字(字串)，輸入的字串會存入指定的變數，輸入後須按Enter。

變數=Console.Read()

等待從鍵盤輸入一個字元，不須按Enter，常被用在按任意鍵繼續。

第一個主控台應用程式-Ex11

自動完成文字

列出

成員

執行結果(Ctrl+F5)

進入整合開發環境-視窗程式

VS 2013 整合開發環境(IDE)

主功能表

視窗程式編輯區

視窗元件工具箱

屬性視窗

方案總管

A. 工具箱：在工具箱中的每一個項目稱為控制項，如Button、CheckBox或Label等等，設計表單時可以依表單的需求將對應的控制項拉到表單中(或是點二下)來使用，例如要設計下面這個表單，就可能需要從工具箱中拉進二個按鈕(Button)、二個文字方塊(TextBox)及二個標籤(Label)，拉進表單之後稱為控制項物件。

B. 視窗程式編輯區：就是在上圖中央，標題為Form1的小視窗，表單就是程式的工作區，在表單中主要設計二件事：

介面：你要在表單中加上各種控制項，做為你與使用者互動之用。

撰寫程式碼

工具箱的設定

一、彈跳式工具箱

二、固定式工具箱

C. 功能表及工具列：功能表和工具列的操作和主要功能大都和微軟其它軟體，如Word、Excel等類似，包括檔案、編輯、檢視、專案、建置、偵錯…等功能選項。

D. 屬性視窗：在屬性視窗裡可以調整專案中各個物件的屬性，包括：控制項的外觀屬性，如文字(text)、顏色(forecolor)、字型(font) 、尺寸(size)等；以及其他行為、配置、及焦點等屬性，最常調整的就是表單及放在表單中的控制項陣列。

點擊表單中任一個物件(包括表單本身)，屬性視窗呈現的就是這個物件的屬性名稱及屬性值。

方案總管：在這裡可以顯示整個專案的檔案目錄，方便使用者管理專案程式的檔案，其功能有如檔案管理員一樣具有檔案的新增、刪除、複製等功能。

物件與屬性

偵錯專案

在 VS 2013 for Desktop 整合開發環境

偵錯專案的方法有三種：

瀏覽專案資料夾

瀏覽專案資料夾

開啟已建立的專案

1. 由起始頁畫面 開啟

開啟已建立的專案

2. 執行功能表的【檔案(F)/開啟專案(P)…】指令

課堂練習-Ex12

VB.NET初體驗：

請試著新增一個新的專案名為HelloVB

加入一個Label，將其屬性Text 更改為Hello

VB.NET

事件驅動

觸發事件來源很多

- 在按鈕上按滑鼠左鍵一下

- 文字方塊上輸入文字

- 清單上選取某項目

- 鍵盤上按一下等都會觸動事件

事件驅動機制已由系統事先設計好

程式設計人員不必費心如何觸發

只專注於編寫在該事件處理程序內程式碼，

縮短程式開發時間

延續上節

在表單上建立 Button1 按鈕控制項

在該按鈕按一下產生 Click 事件

將TextBox1 文字方塊控制項的背景色設為黃色。

建立按鈕的 Click 事件

將文字方塊的背景色設為淺藍色

新手上路

開發一個視窗應用程式四階段

1. 新增專案

設定新專案的存放路徑和名稱。

2. 表單設計階段

在表單上建立輸入和輸出介面和相關屬性設定。

3. 程式碼設計階段

設計相關的程式碼。

4. 專案偵錯階段

驗證程式執行是否正確。

課堂練習-Ex13

簡單加法器：

輸入兩個數字，當按下計算時會出現這兩數相加的結果。

修改後： Dim a, b, c As Integer a = Val(TextBox1.Text) b = Val(TextBox2.Text) c = a + b Label4.Text = c.ToString()

小小實驗： Dim a, b, c As Integer a = TextBox1.Text b = TextBox2.Text c = a + b Label4.Text = c.ToString()

本章結束 Take a Break …..