1、Visual Basic 程式語言Visual Basic01.doc19/05/131Visual Basic 基本概念（01）（一）Visual Basic 發展環境Visual Basic 是 1991 年的產物，它使得 Windows 應用程式更容易設計，是一套易學易用程式軟體。其主要是 Visual Basic 提供個相當完美的程式發展環境，程式設計者可以從中選取應用程式所需的物件，規畫其位置、大小、設定其相關屬性，完成與使用者互動的視覺介面；然後在撰寫事件程序碼，測試程式、除錯，到最後產生可執行檔，都可以在 Visual Basic 發展環境中完成。（一）觀念介紹Visual Ba
2、sic 是屬於物件導向程式 OOP(Object-Oriented Programming)環境與語法，是以物件（Object）為程式設計核心，如此在 Windows 環境設計下會更得心應手。1、 物件(Object)物件指的是我們看的到任何具體或抽象的事物，如：桌子、書、滑鼠、開關等有形無形事物。Visual Basic 已經將常用的物件實體化（視窗化） ，稱為控制項（Control） ，Visual Basic 的控制項放在 工具箱（Tool Box）內，程式設計師可以從工具箱選用自己要的物件，安置在表格上，表格（form）是 Visual Basic 提供的一個視窗物件，也就是一個 Wi
3、ndows 視窗，也就是應用程式的視窗。2、 屬性（Property）屬性是物件的一個描述內容，用以描述該物件的外貌與特徵，例如：開關這個物件來說，這物件便擁有長 、 寬 、 顏色等不同的屬性 ，透過這些屬性便可描述出該物件的外貌與特徵。以Visual Basic 而言每一個工作箱的物件都有屬性 ，如命令鈕（Command Button）物件，就有名稱（name） 、標題（caption ） 、高（Height） 、寬（Width）等，設定了這些屬性，就改變這控制項的外觀。其操作為是用滑鼠按一下 物件選定，就可以看到屬性 。3、 事件(Event)事件是一種預先定義好的特定動作，通常由使用者或
4、系統啟動，例如：開開關可以使日光燈打開，這是一個定義好的動作事件 。Visual Basic 的事件分為使用者是件及系統事件兩種。使用者事件是使用者操作系統時引發的工作，例如：按下滑鼠左鍵 （click）或按了鍵盤某鍵(keypress) ; 而系統事件是由系統引發的事件，如計時器(Timer)送出的的時間。其操作為在選定的物件上用滑鼠按兩下。4、 方法（Method）方法是放在物件內的程序，透過此程序可令物件產生特定動作或行為，且此程序是被包含在物件內，與物件結合在一起。這些內建的方法可存取或變更該物建的屬性，進而改變該物件之性質或外觀; 有些Visual Basic 程式語言Visual
5、Basic01.doc19/05/132方法能指定物件去執行特定動作。以 VB 的表單(Form)為例，Circle 是 表單 物件所擁有的一個方法 ，它可以在表單物件上畫一個圓形，當我們呼叫 Circle 方法時，便可在表單畫一個圓形。5、 事件程序(Event procedure)、一般程序（General procedure）當物件上有某一事件發生，該物件可能要有所反應。Visual Basic 允許對某一物件的某特定事件撰寫一段程序碼，稱為事件程序。當此特定事件一旦發生在該物件上時，馬上引發對應之事件程序，執行必要的動作。凡是不透過是建的發生而引發起執行的程序碼，通稱為一般程序。一般程
6、序可以用來簡化程式碼，例如，將很多事件程序共同要用到的一段程式碼獨立出來成為一個一般程序，則每一個要用到這一段程式碼的事件程序只要呼叫此獨立出來的一般程序即可，不必在每一個事件程序中都放這一段共用的程式碼。（二） 啟動 Visual Basic 6.0 中文版進入 Windows 98 中，按 開始鈕，選擇程式集 資料夾，再選Microsoft Visual Basic 6.0 資料夾，最後選擇Visual Basic 6.0 指令，按一下（Click） ，出現建立新專案畫面，選擇標準執行檔後，按開啟舊檔鈕，就可以進入 Visual Basic 6.0 中文版。（三） Visual Basic
7、 環境說明（1 ） 主視窗（main windows）主視窗內包含一個功能表區和一個工具列區（Toolbar） ，工具列區的功能鈕主要是提供程式設計時常用的功能。（2 ） 專案總管（project explorer）在 windows 環境中，一個完整的程式（功能） ，可能需要用很多表單檔（Form，副檔名為 .frm）為了管理綜合這些表單檔，可藉用一個專案檔（project，副檔名為 .vbp）管理。不見時選擇 檢視 、 專案總管 選項將其叫出。Visual Basic 程式語言Visual Basic01.doc19/05/1331、 檢視程式碼：按此鈕可在螢幕上顯示所選檔案的程式碼。2、
8、 檢視物件鈕：按此鈕可促使在螢幕上顯示專案總管視窗內所選擇的表單。3、 切換資料夾：按此鈕可切換專案總管視窗內的表單資料夾是否顯示。（3 ） 屬性視窗（properties window）為提供所選的物件的各項屬性，若不見時選擇檢視 、 屬性視窗選項將其叫出。1、 物件名稱：此欄位列出表單（form）或是控制元件的名稱。2、 屬性列表：列出目前所選的表單或控制元件所包含的全部屬性，它可依字母順序或性質分類兩種方式來分類。（4 ） 表單視窗（form）表單（form）為設計程式的一個表單視窗畫面，簡稱表單，而標題欄的 form1 是此表單的名稱。若表單視窗不見時，可選擇專案總管視窗內的檢視物件鈕
9、，便可將其叫出。（5 ） 工具箱（Toolbox）工具箱是建立上述表格（form）中的各控制元件（control） ，每一個物件（ object）都可以按一下選定它。當工具箱不見時，我們可以檢視功能表之工具箱選項將其叫出。（6 ） 表單配置視窗(form layout windows)可以利用滑鼠移動本視窗中的表單，就可以指定程式執行時表單出現的位置。表單配置視窗不見時，可選擇檢視 、 表單配置視窗選項將其叫出。（四） Visual Basic 的工作模態Visual Basic 共有三種工作模式，分別如下說明：（1 ） 設計（design）模態：一般模式或剛進入 Visual Basic 後
10、，將自動進入此模式內，在此模式下，程式設計者可以設計 Visual Basic 程式。（2 ） 中斷（debug）模式：使用偵錯或程式有問題將會出現此Visual Basic 程式語言Visual Basic01.doc19/05/134模式，將出現及時運算視窗，可以利用此視窗測試一些 Visual Basic 指令，每當執行一道指令，此視窗將立即列出執行結果。（3 ） 執行（run）模態：程式設計好了以後，選執行 、 開始或按 F5 執行程式。將可進入此執行模態內。（五） 使用工具箱當開始設計程式進入表單，由於表單（form）視窗尚未有其他控制元件，所以屬性（properties）視窗將列出
11、目前表單視窗屬性。使用工具箱在表單視窗繪製控制元件的步驟如下：（1 ） 選取工具箱的某工具，選取的方式是在該工具鈕上按一下，此時該工具鈕將有被按下的現象。（2 ） 將滑鼠在表單視窗某位置（放控制元件的地方）按一下，然後拖曳滑鼠，此時將可看到一淺灰色框隨著拖曳滑鼠更改大小。（3 ） 當框的大小固定後，若放鬆滑鼠按鍵，便是利用工具箱建立物件。（六） 控制元件的編輯成功放入表單視窗建立某控制元件之後，就可執行編輯動作：（1 ） 移動控制元件：1、 選取欲移動的控制元件。2、 拖曳所選的控制元件，將看到淺色框隨著滑鼠拖曳而移動。3、 移至定位後，放鬆滑鼠按鍵即可。（2 ） 放大或縮小控制元件可以利用更
12、改屬性視窗更改控制元件的大小，或利用拖曳所選取控制元件外框的黑方塊，便可更改控制元件的大小。（3 ） 刪除控制元件刪除控制元件作法：1、選取該控制元件。2 、執行主視窗編輯 、刪除選項。（4 ） 複製控制元件複製控制元件作法：1、選取該控制元件。2 、執行主視窗編輯 、複製選項。3、執行主視窗編輯 、 貼上選項。 度量單位：Visual Basic 的度量度位稱 twip ，可稱點素 ，一般而言 640 X 480 的螢幕，則 640 或 480 的度量單位是稱 點 （pixel） 。一個點素 （twip） = 1 / 20 點（pixel）（七） 離開 Visual Basic 環境選 Vi
13、sual Basic 主視窗檔案 、 結束選項可以於離開 Visual Basic，若是在編輯表單視窗時，若已將表格（form）視窗及專案檔案Visual Basic 程式語言Visual Basic01.doc19/05/135（project ）儲存，則可直接離開 Visual Basic 環境。不然先出現一對話視窗詢問是否要將所編的表單內容儲存至 xxx.frm 檔案(自訂名稱)，專案檔之內容儲存至 XXX.vbp 檔案( 自訂名稱)。1、 選是 （yes）：執行儲存，此時將出現另一對話方塊供輸入目錄路徑，儲存後返回 windows 98。2、 選否 （No ）：不儲存，直接返回 win
14、dows 98。3、 取消（Cancel）鈕：取消儲存返回 Visual Basic 環境。（八） Visual Basic 程式初步一般而言，Visual Basic 程式設計的步驟如下：（1 ） 視覺介面設計（visual programming step）這個步驟主要是設計 Visual Basic 應用程式與使用者間之視覺介面，因為 Visual Basic 有提供事先設計好的圖形控制項(Control)，所以視覺介面設計的主要工作就是在 Visual Basic 的對外視窗，也就是表格（form）上，安置一些必要的控制項（Control） ，並且設定好這些控制項的屬性（propert
15、y） 。（2 ） 程式碼設計（code programming step）Visual Basic 本質是物件導向、事件驅動的程式語言，所以這個步驟主要是附加必要的程式碼（code）於某個物件的某事件 ，當該事件發生時，即執行這些程式碼；這裡所指的物件，除了控制項（Control）外，還包括表格（form） 。而事件（event）則包括按一下滑鼠左鍵（click） 、 連按兩下滑鼠左鍵（ dblclick）等。例：設計顯示歡迎進入程式設計世界文字說明：1、 我們將建立上面的視覺視窗中包含一個文字歡迎窗口（程式開始時是空白文字方塊）及三個命令鈕（Command Button） 。2、 當按下顯示
16、按鈕時，文字窗口將出現歡迎加入程式設計世界等字眼，如上畫面所示。3、 當使用者按清除按鈕時，文字窗口將清除成空白。歡迎加入程式設計世界顯示 清除離開Visual Basic 程式語言Visual Basic01.doc19/05/1364、 當使用者按離開按鈕時，即離開本程式執行狀態，回到 VB 或 98（1 ） VB 程式的視覺介面設計（建立物件）啟動 Visual Basic 6.0 中文版，出現建立新專案畫面後，選擇標準執行檔後，按開啟舊檔鈕，進入 VB6 程式設計畫面。（A）表格（ form1）處理1、 改變表格（form1）視窗的標題（Caption ）屬性：在表格（ form1）上
17、任何一點按一下滑鼠左鍵，選定 form1 表格。2、 選屬性功能表或按 F4 看到 form1 下的 字母順序下的caption （標題） ，滑鼠左鍵在 caption 按兩下，然後輸入歡迎程式 ，將 caption 右方的 form1 改成歡迎程式 。3、 用上述的方法，將表格（form1）的令一個屬性名字（name）改為 hellofrm。（B ）命令鈕處理1、 增加離開命令鈕（command button）:A、 先按一下工具箱內的命令鈕（command button）B、 用滑鼠在表格（form1）中拖曳出命令鈕（command button） ，並移動到適當地區。C、 按屬性表格或
18、F4 到這物件屬性上，將其名字（name）改為cbend 將標題改為離開 。2、 增加另一個命令鈕（command button） ，將其名字（ name）改為cbdisplay 將標題改為顯示 。3、 再增加另一個命令鈕（command button） ，將其名字（ name）改為cbclear 將標題改為清除 。（C ）文字項（abl）處理1、 增加顯示歡迎詞的文字窗口A、 先按一下工具箱內的文字項（Text）B、 用滑鼠在表格（form1）中拖曳出文字項（Text） ，並移動到適當地區。C、 按屬性表格或 F4 到這物件屬性上，將其名字（name）改為txtdisplay，將文字內容（T
19、ext ）清除為空白，將字型(Font) 改為新細明體，大小改為 16，文字位置 (Alignment)選 2-Center，並讓多行（MultiLine）為真 （True） 。（2 ） VB 程式命令鈕的程式碼（Code）設計（設計事件）Visual Basic 是物件導向，我們將表格(form)、命令鈕（command button）及文字項（text）等視為物件（object） 。每個物件有其屬性及行為，及每個物件有其特徵（屬性）和工作方法，這些方法就是事件，VB 採用Visual Basic 程式語言Visual Basic01.doc19/05/137事件驅動（Event Drive
20、n）的方式，就是透過程式碼來完成某一事件。設計事件程式碼：1、 顯示命令鈕（設計按一下出現歡迎詞事件）A、 在顯示按鈕上按兩下，進入 VB 的設計程式視窗出現project1 (程式碼)cbdisplay（物件名稱） Click（事件：按一下）Private Sub cbdisplay_Click()End SubB、 加入一行程式碼 TxtDisplay.Text = “歡迎加入程式設計世界”上面變成如下：Private Sub cbdisplay_Click()TxtDisplay.Text = “歡迎加入程式設計世界”End Sub此事件驅動程序只有一行程式碼，這行程式碼的意思是將文字盒
21、(txtDisplay)的 Text 屬性設定為：“歡迎加入程式設計世界”文件項的 Text 屬性就是在文件項視窗的內容，在設計狀態是改屬性 ，執行程式就用這樣設定。語法格式如下：物件名稱 設定值TxtDisplay.Text = “歡迎加入程式設計世界”屬性C、 最後按程式視窗左上角控制盒兩下，結束顯示按鈕的事件設計工作。2、 離開命令鈕（按一下離開執行（run）狀態回到設計（design ）A、 在顯示按鈕上按兩下，進入 VB 的設計程式視窗出現project1 (程式碼)cbend（物件名稱） Click（事件：按一下）Private Sub cbend_Click()End SubB、
22、 加入結束命令 End上面變成如下：Private Sub cbend_Click()EndVisual Basic 程式語言Visual Basic01.doc19/05/138End Sub我們稱這程序（procedure）為事件驅動程式。以上述例子而言，當滑鼠左鍵在離開命令鈕上按一下時，就執行 End 動作，離開此程式。所以事件驅動程式的結構如下：物件名稱 事件名稱Private Sub cbend_Click()EndEnd Sub事件結束 程式碼：工作3、 清除命令鈕（設計按一下刪除歡迎詞事件）D、 在清除按鈕上按兩下，進入 VB 的設計程式視窗出現project1 (程式碼)cbc
23、lear（物件名稱） Click（事件：按一下）Private Sub cbclear_Click()End SubE、 加入一行程式碼 TxtDisplay.Text = “ ”上面變成如下：Private Sub cbclear_Click()TxtDisplay.Text = “ ”End Sub完成所有的設計顯示歡迎進入程式設計世界文字工作。（九）存檔欲儲存先前所建的第一個 Windows 應用程式，首先執行 VB 主視窗的 檔案功能表的另存新專案指令，執行後將看到另存檔案對話方塊與剛建立 Form 表單視窗及相關程式碼的檔名，若想檔案存到某一地區。選擇好磁碟機、目錄、檔名後（A、C0
24、1）確定無誤後按存檔鈕，存好後將出現另存新專案的對話方塊，同上作法選擇好磁碟機、目錄、檔名後（A、C01 ）確定無誤後按存檔 鈕（一般都在一起） 。（十）執行檢查編輯的程式碼，有沒有錯誤後，在 VB 主視窗選執行功能表的開始或按 F5 就可執行剛才所建的程式。如果需要就可產生在 windows 98 的執行程式。Visual Basic 程式語言Visual Basic01.doc19/05/139（十一） 產生執行檔選按 VB 功能表中主視窗檔案功能表內提供一個指令產生執行檔執行後看到一個對話方塊，看到對話方塊，選定目錄、檔名 ，一切正確後，按確定鈕就可以。此檔案可用於為所撰寫的 Windo
25、ws 應用程式建立可執行檔，有了此可執行檔，在未來可以在 Windows 環境中，直接執行它。例：設計一程式可顯示水裡的動物圖片介紹水裡的動物小朋友按下列各按鈕可介紹不同水裡的動物（1 ） VB 程式的視覺介面設計（建立物件）啟動 Visual Basic 6.0 中文版，出現建立新專案畫面後，選擇標準執行檔後，按開啟舊檔鈕，進入 VB6 程式設計畫面。（A） 表格（form1）處理屬性中表格名稱（name）設定為 wafrm ，標題（caption ）改為水裡動物介紹 。（B ） 按鈕（command Button）處理增加四個按鈕（command Button）各按鈕的屬性改為：按鈕名稱（
26、name）設定為 cbFrog，標題（caption）改為青蛙按鈕名稱（name）設定為 cbfish，標題（caption）改為魚按鈕名稱（name）設定為 cbshri，標題（caption）改為蝦按鈕名稱（name）設定為 cbcab，標題（caption）改為螃蟹（C ） 文字項（abl ）處理文字項的名稱（name）設定為 txtDisp，將文字內容（ Text）清除為空白，將字型(Font)改為新細明體，大小改為 16，文字位置(Alignment)選 2-Center 對中，並讓多行（ MultiLine）為真（True） 。青蛙 魚蝦 螃蟹Visual Basic 程式語言Vi
27、sual Basic01.doc19/05/1310（D） 標籤項處理A、 先按一下工具箱內的標籤項 A（label）B、 用滑鼠在表格（form1）中拖曳出標籤（Text ）大小，並移動到適當地區。C、按屬性或 F4 到這標籤物件屬性上，將其名字（ name）改為lab1display，將標籤標題（caption）打上水裡的動物 ，將字型(Font)改為新細明體，大小改為 16，文字位置(Alignment)選 2-Center 對中。同樣動作再建一個標籤項 A（label） ，按屬性或 F4 到這標籤物件屬性上，將其名字（name）改為 lab2display，將標籤標題（caption）
28、打上 小朋友按下列各按鈕，可介紹不同水裡的動物 ，其他屬性同上。（E ） 圖片盒（pictureBox ）處理A、 先按一下工具箱內的圖片盒（pictureBox ）B、 用滑鼠在表格（form1）中拖曳出圖片盒（pictureBox）大小，並移動到適當地區。C、 將其名字（name）改為 pic01（2 ） VB 程式命令鈕的程式碼（Code）設計（設計事件）1、 青蛙命令鈕（設計按一下出現介紹青蛙與顯示圖片）F、 在顯示按鈕上按兩下，進入 VB 的設計程式視窗出現project1 (程式碼)cbfrog（物件名稱） Click（事件：按一下）Private Sub cbfrog_Click
29、()End SubG、 加入兩行程式碼 TxtDisp.Text = “青蛙世界的介紹”Pic01.Picture = LoadPicture(“frog.jpg”)上面變成如下：Private Sub cbfrog_Click()TxtDisp.Text = “青蛙世界的介紹”Pic01.Picture = LoadPicture(“frog.jpg”)End Sub 當然在與這 VB 程式同一目錄下要有一張青蛙圖片（frog.jpg ） 同樣的動作做出其他動物的介紹 對於清除與離開按鈕做法同上。習題：1、完成上述的範例Visual Basic 程式語言Visual Basic01.doc19/05/13112、 用同樣方式設計介紹不同的雲的形狀 我們考慮都是按一下（Click） ，但是圖片上改成Private Sub Picture1_MouseMove（ ）Text1.Text = “test test“End Sub 又如何？
