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 Visual Studio Express 2013 https://www.microsoft.com/zhtw/download/details.aspx?id=34673 http://www.microsoft.com/zhtw/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 = TextBox1.Text b = TextBox2.Text c = a + b Label4.Text = c.tostring() 修改後 : Dim a, b, c As Integer a = Val(TextBox1.Text) b = Val(TextBox2.Text) c = a + b Label4.Text = c.tostring()
本章結束 Take a Break..