Presentation is loading. Please wait.

Presentation is loading. Please wait.

本章投影片僅供本書上課教師使用,非經同意請勿拷貝或轉載

Similar presentations


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

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

2 1-1 Visual Basic程式語言的演進 1965 年, 美國 Dartmouth 大學的教授 John George Kemeny 及 Thomas Eugene Kurtz創造了BASIC語言。 BASIC (Beginner‘s All-puporse Symbolic Instruction Code) 的意義是『初學者的萬用語言』。 Kemeny 和 Kurtz 提出 『交談式學習程式語言』 的概念: 只要輸入一個指令或簡單的程式,就能馬上看到執行結果, 這樣才會勇於嘗試新的指令。 BASIC:輸入指令馬上看到結果。( Ref:計概之直譯概念) 1975 年,比爾蓋茲 (Bill Gates) 與好友保羅愛倫 (Paul Allen) 開發出供個人電腦使用的BASIC軟體。

3 1-1 Visual Basic程式語言的演進 1988年推出DOS 下的 Quick BASIC 4.5版。
微軟在 1990 年推出 Windows 3.0 後,於 1991 年發表結合 BASIC 語言及 Windows 圖形介面(GUI)功能的 Visual Basic (簡稱VB) 1.0 版。 Visual 在字義上是 『看得見的、視覺的...』 的意思。 Visual Basic 提供許多視覺化的設計工具,讓我們在設計時所看到的,和程式執行時的畫面是相同的。 2002年推出Visual Studio .NET ,整合可在 .NET Framework 平台執行的程式語言,如 Visaul Basic .NET(簡稱VB.NET)、Visaul C++.NET、Visaul C#.NET…。 VB .NET 是一個「物件導向」的程式語言。

4 1-1 Visual Basic程式語言的演進 在 2003、2005(VB 8.0)和 2008(VB 9.0)年修訂 VB .NET,專業程式設計師可藉由ActiveX、Web服務、WCF(Windows Communication Foundation)服務、ASP.NET、Silverlight 等進行 Internet 程式設計。 2010年推出 VB 2010 。

5 1-1 Visual Basic程式語言的演進 .NET Framework 的優點
 用Visual Basic/C#/C++/C等語言撰寫的程式,都先編譯成中間碼 (MSIL,Microsoft Intermediate Language Code)。  當使用者要執行此程式時,.NET Framework 的執行環境 (CLR,Common Language Runtime) 再將中間碼編譯為機器碼執行:(如下圖)

6 (Common Language Runtime)
每次執行時 (Microsoft Intermediate Language Code) 編譯成中間碼的程式, 在任一台安裝有 .NET Framework的電腦上都能執行, 不需重新編譯。 (Common Language Runtime)

7 1-1 VB 程式語言的演進 Visual Basic 和 C#、C++/C 一樣快
 現在,不管用 Visual Basic、C#、C++/C 等所寫的程式,都是先編譯成同一種中間碼,再於CLR(Common Language Runtime)中執行。  所以就程式的功能、效率而言,Visual Basic 和C#、C++/C都是一樣的,但 Visual Basic仍是最適合初學者的程式語言。 Visual Basic.NET 相較於早期Visual Basic 語言,還加入了新的語法,成為真正的物件導向(Object-Oriented) 程式語言。

8 1-1 VB 程式語言的演進 另外又加入以下2點特色,讓物件導向程式設計變得易學易用:
 .NET Framework 提供了功能豐富的類別庫: 學習物件導向程式設計的第一課,不再是令人頭痛的類別設計,而是直接使用現成的類別與物件。 Visual Basic 的視覺化開發工具 (稱為 Visual Studio): 精靈會適時自動產生Visual Basic程式碼,我們只要動動滑鼠,就能完成一個物件導向的Visual Basic程式。 2002年推出新版的Visual Basic .NET(簡稱VB .NET)在資料庫及網際網路提供更多進階功能。 陸續在2003、2005、2008和2010年修訂 VB .NET,在物件導向新增泛型(Generic)機制,且專業程式設計師可藉由 ActiveX、XML Web Services、ASP .NET…等技術,進行 Internet的程式設計。

9 1-1 VB 程式語言的演進 在整合開發環境(Integrated Develop Environment)下透過提供的工具,不用寫程式便能建構出輸出入介面,設計者只要著重在程式主體流程。 微軟公司推出的 Visual Basic 2010 (簡稱VB 2010),有Express 版本與 Visual Studio 版本。 建議初學者安裝 Express 版。 免費下載安裝Visual Basic 2010 Express 版, 下載網址為 (台灣微軟網站)。教科用書亦附有Express 版光碟片。

10 1-2 初探VB 2010整合開發環境 整合開發環境( IDE:Integrated Develop Environment)
是開發應用程式時的操作介面。 將編輯器(Editor)、編譯器(Compiler)、連結器(Linker)、除錯器(Debugger)、執行(Execution)、檔案存取整合在同一操作環境。 由於VB 2010是在Windows系統下所使用的程式語言開發環境,因此必須先進入 Windsows作業系統才能順利執行。

11 一、啟動 Visual Basic 2010 Express
Step1 啟動Visual Basic 2010 Express版(或Professional版) 1.先按螢幕左下角之開始鈕 2.由選單中點選 [所有程式]資料夾,執行[Microsoft Visual Studio 2010 Express]資料夾內的[Microsoft Visual Basic 2010 Express]指令。 上述連續動作簡述為[開始/所有程式/Microsoft Visual Studio 2010 Express] Microsoft Visual Basic 2010 ]指令。出現畫面如下:

12 Visual Studio 2010 Professional

13 一、啟動 Visual Basic 2010 Express
Step2 建立新的專案,有兩種方式: 1.點選「起始頁」標籤頁中「新增專案」超連結文字 2.另一是執行功能表[檔案(F)/新增專案]指令 上面兩種建立新專案的方法皆會出現下圖「新增專案」對話方塊。

14 建立新專案 方法一 Visual Studio 2010 Professional

15 建立新專案 方法二

16 上面兩種建立新專案的方法皆會出現下圖「新增專案」對話方塊
各式各樣的專案類型

17 一、啟動 Visual Basic 2010 Express
選取 各式各樣的專案類型 亦可選擇主控台應用程式來設計專案 將預設名稱 更名為

18 Step3 「專案」與「方案」的區別 : .. 方案 專案 專案 程式 程式 程式 (Solution Name)
(Project Name) (設定檔) (原始程式檔)

19 Step4 認識設計工具窗格 : Form1.vb[設計] 標籤頁: 用來在表單上設計輸出入介面。 經常切換
執行功能表「檢視(V)/程式碼(C)」指令開啟「Form1.vb」標籤頁 經常切換 Form1.vb標籤頁 用來撰寫程式碼 或是點選方案總管內的檢視程式碼圖示,亦可顯示程式碼

20 二、程式的執行與關閉 專案建立後,接下來是在Form1[設計]標籤頁的表單上面設計輸出入介面,再切換到Form1.vb標籤頁去撰寫程式碼。先練習如何執行和結束程式。 1. 在VB 2010 的 IDE中,執行程式方法有三種: 方法1 按標準工具列 開始偵錯圖示鈕。 方法2 執行功能表的 [偵錯(D)/開始偵錯(S)] 指令。 方法3 按鍵盤 快捷鍵。

21 2. 執行程式 開啟一個標題名稱為『Form1』的視窗。

22 方法1 點按程式執行視窗右上方的 關閉鈕。 3. VB 2010 整合開發環境關閉程式方法有三種: 方法2 按偵錯工具列的 停止偵錯圖示鈕。
方法1 點按程式執行視窗右上方的 關閉鈕。 方法2 按偵錯工具列的 停止偵錯圖示鈕。 方法3 執行功能表的 [偵錯(D)/停止偵錯(E)] 指令。 4. 點按程式執行視窗右上方的 關閉鈕 結束執行。

23 三、儲存專案 1. 執行功能表的 [檔案(F)/全部儲存(L)] 指令或直接按標準工具列的「全部儲存」圖示。
2. 開啟「儲存專案」對話方塊: 不勾選 若不勾選 「為方案建立目錄」 系統建立一個 MyFirst 專案資料夾,本專案相關檔案 全放在這個專案資料夾內。

24 儲存時,如果勾選為方案建立目錄(D),如下圖,方案名稱為「 My」、專案名稱為「 MyFirst」
①會建立方案資料夾My,並在資料夾內建立一個方案檔 My.sln及一個專案資料夾 MyFirst。 ②接著在My\MyFirst資料內建立專案檔MyFirst.vbproj。 此處不勾選為方案建立目錄(D),以避免資料夾層次太多。

25 四、結束VB 2010整合開發環境 執行功能表 [檔案(F)/結束(X)] 指令,即可關閉VB整合開發環境。若專案內容有異動或新增專案未儲存,則關閉前會詢問是否要存檔?

26 五、檢視所建立的專案資料夾 檢視「C:\vb2010\ch01」資料夾內的「MyFirst」專案資料夾。
在「MyFirst.sln」方案檔或「MyFirst.vbproj」專案檔快按兩下,直接開啟「MyFirst」專案的VB 2010整合開發環境。

27 六、開啟已建立專案 方法1 點選「起始頁」標籤頁中「最近使用的專案」 框架內陳列出的「MyFirst」專案名稱。

28 方法2 點選「起始頁」標籤頁中左側主要項目的「開啟專案」超連結文字,開啟「開啟專案」對話方塊。在對話方塊中,切換到「C:\vb2010\ch01\MyFirst」資料夾。

29 方法3 執行 [檔案(F)/開啟專案(P)] 開啟開啟專案對話方塊。

30 使用上述任一方法,皆能開啟「MyFirst」專案的VB 2010整合開發環境,如下圖所示:

31 1-3 物件導向的名詞概念 VB 2010是一種物件導向(Object-Oriented)的程式設計語言。在VB中物件是由一些程式碼和資料組合。 物件導向:就是模仿真實世界事物所發展出來的概念。 每個物件都有屬於自己的屬性(Property)和方法(Method) 物件與物件間則是靠著方法來傳遞物件的訊息(Message)。 在 VB 中的物件是由一些程式碼和資料組合,物件可被視為一個完整的單元。 物件可以是應用程式的一部份,如控制項或表單,而整個應用程式也是一個物件。

32 一、類別與物件 在真實世界中,所有東西都是「物件」。 不同物件有不同可辨識特質。 將特質相近的物件歸成同一個「類別」(Class)。
如人類、狗類、球類、汽車類,每種類別皆可再 細分出來的類別實體就叫做物件。 如:張三喜歡打桌球、李四喜歡打籃球,張三和李四皆屬人類類別,但張三和李四是不同兩個人,這兩個人是不同的實體,即不同的物件; 桌球和籃球皆屬球類別,但兩者不是相同物件。

33 「物件」由設計者自行製造,「類別」置於 IDE 的「工具箱」中。
從工具箱選取一種工具,就可在表單內製作出物件的實體。 工具箱內的工具稱為「工具類別」 在表單物件內製作出來的實體稱為「控制項」或「物件」。 如選取工具箱的 按鈕工具類別後,可在表單內製作出 按鈕控制項。確定和離開按鈕控制項  來自相同工具類別  卻是不一樣的物件

34 在「Form1」表單內,使用工具箱的各種工具類別,即可製作出各種實體,稱之為控制項或物件。如下圖所示

35 二、屬性與方法 桌球和籃球皆屬球類別,但不是相同物件。 桌球很小顆、籃球很大顆 桌球為白色、籃球為紅色。
大小或顏色皆能辨別桌球和籃球為不相同物件  這些大小、顏色或材質等資料稱為「球類」類別的「屬性」。  桌球和籃球屬同樣類別的物件,但只要有一種屬性値不同,就為不同物件。

36 例如下圖中,不同標題名稱的命令按鈕,即視為不同的物件。

37 屬性(Property) 每個物件都有其特性,利用這些特性來描述物件的外觀
如表單的特性包括:表單的大小、前景色、背景色、標題…等,將這些特性稱為「屬性」。 每個物件的屬性大都有預設值,物件在設計階段(表單模式)或執行階段(程式編輯模式),都可對這些物件的屬性改變其值,物件會按照設定表現出來。 如「球」是一個物件,我們卻能分辨出籃球和乒乓球,因它們的大小不同、材質不同、顏色不同、名稱亦不相同。 不同類的球(物件) 雖有共同的屬性,但因屬性內含不同而可造出不同類的球。

38 桌球和籃球皆可 滾動、彈跳  會在球桌上用球拍 打 (play)桌球  會在球場上用手 打 (play)籃球 這些滾動、彈跳、打等動態的行為稱為「球類」類別的「方法」。
VB中方法(Method)  指為在物件完成某件事或某項目標,所採取的處理方式。  如表單物件提供清圖、列印、畫點、畫線等功能,這些功能通稱為「方法」。  在VB 物件導向程式語言中,屬性與方法皆通稱為類別的「成員」。

39 1-4 工具與控制項 工具箱  位在 VB 整合開發環境的左邊界  提供許多工具類別  用來在 表單物件上佈置輸出入介面所需的元件。  當由工具箱拖曳一個工具類別到表單上時, 就建立一個元件實體物件,這個元件實體 物件稱為「控制項」(Control)。

40 一、檢視表單物件 在 整合開發環境中最醒目東西就是放在設計工具窗格內「Form1」表單物件。
在表單右側、正下方、右下角各出現一個小白框, 當移動滑鼠指標到小白框上時,指標形狀分別變成雙箭頭指標。

41 調整表單物件大小

42 二、檢視工具箱 1. 滑動式工具箱

43 2. 固定式工具箱

44 三、如何在表單內建立控制項 方法1:在表單內製作一個「按鈕」控制項 直接拖曳 What you see is what you get.

45 方法2:在表單內製作第二個按鈕控制項 空白處點按 變成作用表單

46 方法3:在表單內製作第三個按鈕控制項 點按左鍵 出現預設物件 Button3

47 四、作用控制項 修改屬性 1. 選取單一個控制項

48 2. 拖曳控制項移動 變成作用控制項

49 3. 改變控制項的大小

50 4. 選取多個控制項

51 五、如何刪除控制項

52 1-5 在設計階段設定控制項的屬性 一、檢視屬性視窗

53 2. 認識屬性視窗 點按Button2,將出現Button2按鈕控制項專屬的屬性視窗

54 3. 如何點選其它屬性名稱

55 二、屬性值的設定方式 屬性值被設定的型態大約有三種:  輸入型:鍵盤直接輸入  選取型:透過下拉鈕選取  交談型:開啟對話方塊選按屬性
如下圖示

56 1. 練習「輸入型」的屬性值設定 將按鈕控制項Button3的字樣改為「確認」

57

58 2. 練習「選取型」的屬性值設定 將按鈕控制項Button2的背景色(BackColor)改為「綠色」

59 3. 練習「交談型」的屬性值設定 將按鈕控制項「確認」字型改設為標楷、斜體、16大小、底線。

60 1-6 在執行階段設定控制項的屬性 一、事件與事件驅動
VB中只要在某個有作用控制項上按鍵盤、移動、拖曳或按一下滑鼠、都會產生反應  VB 將此反應稱為「事件」。 當 VB 收到屬於某個物件或控制項的「事件」時,  VB 根據事件指示的內容做處理  指示的內容就是撰寫成該物件或控制項相對應的程式碼,稱為「事件處理程序」。 VB 所提供的「事件驅動」平時沒狀況發生隨時待命,當有狀況發生再做適當處理的觀念  稱為「事件驅動」。

61 執行應用程式後  該應用程式就進入待命狀態  當有在物件上按下鍵或滑鼠時就表示有「事件」要發生  Windows 將此事件相關訊息傳給該應用程式,該程式會根據送來的訊息做適當的處理。
VB 的設計觀念  將所有流程都交給使用者來主控  完全由使用者對視窗內所做出反應來決定。 善用 VB 特點及變化多端的驅動事件處理程序,  很容易設計出親和力極佳的使用者介面。

62 二、表單與程式編碼模式的切換 方法如下 1. 程式編碼模式

63 2.

64 3. 表單編碼模式

65 4. 程式編碼模式

66 三、編寫事件處理程序 假設程式執行時, 在表單上沒有控制項的地方按一下 (Click事件處理程序), 表單的背景色變成黃色。
Step1 切換到程式編碼模式,檢視程式碼窗格

67 Step2 在「物件名稱下拉式」清單中選擇『表單』 物件

68 Step3 在「事件名稱下拉式」清單中選擇『Click』 事件

69 Step4 結果在程式碼窗格中出現Form1_Click事件處理程序 專屬的編碼區

70 Step5 在插入點游標處,用鍵盤鍵入下面一行敘述(Statement): Me.BackColor = Color.Yellow 物件名稱.屬性名稱 = 屬性值 代表 Form1 表單

71 快按兩下

72 Step6 按鍵盤快速鍵[F5]來執行程式,觀看執行結果

73 四、直接開啟指定物件的專屬程式碼編碼區 目前介紹過兩種物件:表單物件、按鈕控制項。其中: 表單物件最常用的是Load事件,當表單載入時觸發
Load事件即會執行Form1_Load()事件處理程序。 按鈕控制項最常用的是Click事件,當在Button1鈕上按 一下即觸發該鈕的Click事件,此時即會執行 Button1_Click()事件處理程序。 我們嘗試來編輯Button2_Click()事件處理程序的程式 碼,當按一下Button2按鈕,將使關聯文字為「確認」 的按鈕控制項,其關聯文字由「確認」變成「OK」。

74 四、直接開啟指定物件的專屬程式碼編碼區 Step1 請切換到表單模式設計階段。
Step2 直接開啟Button2_Click()事件處理程序的 編碼區。

75 Step3 在Button2_Click()事件處理程序中插入點游 標處,用鍵盤輸入一行程式敘述 Button2.Text = "OK"

76 Step2 按鍵盤快速鍵[F5]來執行程式,觀看執行結果。

77


Download ppt "本章投影片僅供本書上課教師使用,非經同意請勿拷貝或轉載"

Similar presentations


Ads by Google