第一章 認識 Visual Basic 本章投影片僅供本書上課教師使用，非經同意請勿拷貝或轉載

Presentation on theme: "第一章 認識 Visual Basic 本章投影片僅供本書上課教師使用，非經同意請勿拷貝或轉載"— Presentation transcript:

1 第一章 認識 Visual Basic 本章投影片僅供本書上課教師使用，非經同意請勿拷貝或轉載

2 第一章 認識 Visual Basic 1.1 Basic 程式語言的演進 1-2 Visual Studio 2013 版本簡介
1.3 視窗程式設計的基本概念 1.4 VS Express 2013 for Desktop整合開發環境 1.5 工具類別與控制項 1.6 物件與屬性 1.7 控制項的智慧標籤 1.8 事件驅動 1.9 新手上路

3 1.1 Basic 程式語言的演進 BASIC (初學者通用符號指令碼) Beginners All purpose Symbolic Instruction Code 1964年，美國 Dartmouth學院的  John Kemeny 和 Thomas Kurtz 設計 1975～1988 年微軟開發出 DOS 作業系統的 BASIC 程式語言  Quick BASIC (簡稱QB) Quick BASIC 4.5版，程式碼  具結構化、模組化、可編譯成可執行檔等特性。

4 1.1 Basic 程式語言的演進 Continue…
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 元件功能。

5 1.1 Basic 程式語言的演進 Continue…
微軟於 2002/04/03，推出  建構下世代 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整合開發 環境中。

6 1.1 Basic 程式語言的演進 Continue…
VB 新語言的誕生  徹底改寫傳統 Basic 語言的觀念  造成舊版無法完全升級與相容  VB 地位提升到與各高階語言平起平坐  VB導入類別（Class）觀念，  採用「事件驅動」的方式來編寫程式。 2003年推出VB 2003  輕易建立豐富的視窗桌面應用程式和強大的 Web 應用程式  針對無線裝置、網際網路啟用裝置及 Pocket PC 建立應用程式 的完整支援。 2006年 推出VB 2005  新增物件導向泛型機制  程式設計師可藉由ActiveX、XML Web Services技術， 進行 Internet 的程式設計。

7 1.1 Basic 程式語言的演進 Continue…
2008年 推出VS 2008，在VB 2008中新增 LINQ 功能 物件關聯式的設計工具 WPF應用程式的專案設計工具支援、 建立ClickOnce部署…等功能。 2010年6月 推出VS 2010，可快速開發 Windows Form應用程式 WPF應用程式 ASP .NET Web應用程式 Silverlight應用程式 手機及智慧型裝置應用程式(Windows Phone) 及雲端服務 實現微軟「三螢一雲」loud)的開發願景。

8 2012年6月推出 VS 是唯一可開發 Windows 市集應用程式Windows Store App專案 - 安裝 VS 2012 同時會安裝「Blend for Visual Studio 」視覺化開發工具 - 透過 Blend for VS 2012 可讓你以視覺化方式建立 Windows 市集應用程式與 Windows Phone行動 裝置控制項、版面配置、筆刷資源、各類型動畫等， 以提高開發的速度。 - 此版本提供功能強大的 HTML5 開發環境，可開發 跨平台 jQuery Mobile 行動裝置網站。

9 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各版本的混合式應用程式。

10 1-2 Visual Studio 2013 版本簡介 Visual Studio 2013 提供五個版本： 1. Express
2. 專業版 3. 企業版 4. 企業旗艦版 5. 品管人員版

11 Express 各版本功能： 1. Visual Studio Express 2013 for Windows Desktop 提供C#、Visual Basic 及 C++來開發各類型視窗應用程式專案， 如Windows Presentation Foundation (WPF)、Windows Forms、Console及Win32應用程式。 2. Visual Studio Express 2013 for Web 主要用來開發Web應用程式專案，如ASP.NET Web Form、 ASP.NET MVC、Web服務、WCF 服務、jQuery Mobile 跨平台 行動裝置網站。 3. Visual Studio Express 2013 for Windows 主要用來開發 Windows市集應用程式(Windows 8.1 App)， 此工具必須安裝在 Windows 8.1 作業系統上。 4. Visual Studio Express 2012 for Windows Phone 主要用來開發 Windows Phone手機應用程式及 XNA Game Studio Windows Phone 遊戲。

12 1.3 視窗程式設計的基本概念 在 Windows 平台使用 VB 開發出視窗應用程式  至少擁有一個「視窗」。
1.3 視窗程式設計的基本概念 在 Windows 平台使用 VB 開發出視窗應用程式  至少擁有一個「視窗」。 VB 將「視窗」稱為「表單」。 表單是一個容器，允許在裡面放置由工具箱 所提供的工具類別， 由工具箱取出的工具置入表單上  稱為「控制項」或稱「物件」。

13 1.3 視窗程式設計的基本概念 Continue…

14 1.4 VS Express 2013 for Desktop整合開發環境
一般開發程式都經 編輯、編譯、執行、偵錯 四階段。 早期程式語言四階段都獨立分開處理  不方便。 Windows 開發平台  視窗應用程式已將編輯、編譯、執行、偵錯四階段 整合在一個環境操作稱為 整合開發環境。 整合開發環境  Integreted Development Environment 簡稱 : IDE 提供統一的圖形化操作介面。 透過 IDE 提供工具，讓程式設計者不用寫程式碼 便能建立輸出入介面。 程式設計人員只要專注於程式主體撰寫，節省程式 開發時間。

15 1.4.1 進入整合開發環境

16

17

18 偵錯專案 在 VS Express 2013 for Desktop 整合開發環境，偵錯專案的方法有三種：

19

20 1.4.5 瀏覽專案資料夾

21 1.4.5 瀏覽專案資料夾 Continue …

22 1.4.6 開啟已建立的專案 1. 由起始頁畫面 開啟

23 1.4.6 開啟已建立的專案 Continue… 2. 執行功能表的【檔案(F)/開啟專案(P)…】指令

24

25 1.5 工具類別與控制項

26 1.5.1 工具箱的設定 一、彈跳式工具箱

27 二、固定式工具箱

28 1.5.2 控制項的建立 方式1：在表單內建立一個「標籤」控制項 方式2：在表單內建立一個「按鈕」控制項

29 1.6 物件與屬性

30

31 1.7 控制項的智慧標籤

32

33 1.8 事件驅動 Windows作業系統下程式是採事件驅動的觀念。 事件驅動是指 程式執行時，程式會不斷地等待操作者觸發事件。
1.8 事件驅動 Windows作業系統下程式是採事件驅動的觀念。 事件驅動是指 程式執行時，程式會不斷地等待操作者觸發事件。 再根據系統所診斷出哪種事件， 執行該事件處理程序內所撰寫的程式碼。 程式執行流程 由操作者決定，每次執行順序未必一樣。 事件驅動已成目前程式語言主流。

34 1.8 事件驅動 Continue… 觸發事件來源很多 - 在按鈕上按滑鼠左鍵一下 - 文字方塊上輸入文字 - 清單上選取某項目 - 鍵盤上按一下等都會觸動事件。 事件驅動機制已由系統事先設計好 程式設計人員不必費心如何觸發 只專注於編寫在該事件處理程序內程式碼， 縮短程式開發時間，

35 延續上節 在表單上建立 Button1 按鈕控制項 在該按鈕按一下產生 Click 事件 將TextBox1 文字方塊控制項的背景色設為黃色。

36 建立按鈕的 Click 事件

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

38 1.9 新手上路 開發一個視窗應用程式四階段 1. 新增專案 設定新專案的存放路徑和名稱。
1.9 新手上路 開發一個視窗應用程式四階段 1. 新增專案 設定新專案的存放路徑和名稱。 2. 表單設計階段 在表單上建立輸入和輸出介面和相關屬性設定。 3. 程式碼設計階段 設計相關的程式碼。 4. 專案偵錯階段 驗證程式執行是否正確。

39

40