第一章: VB6整合開發環境介紹

章節預覽(理論) 1.1：計算機概論與程式設計 1.2：BASIC的發展與演進 1.3：Visual Basic簡介

章節預覽(實作) 1.5：Visual Basic的軟硬體需求 1.6：與滑鼠有關的術語 1.7：Visual Basic整合開發環境簡介 1.9：建立與操作表單上的控制項 1.10：程式碼編輯視窗 1.11：關閉Visual Basic整合開發環境 1.12：單一文件介面（SDI）開發環境簡介 1.13：停駐（Docking）

1.1：計算機概論與程式設計 硬體 (Hardware) 軟體 (Software) 程式語言(Programming Language) 電腦組成的5大單元 軟體 (Software) 資料 VS 程式 系統程式 VS 應用程式 程式語言(Programming Language) 機器語言、低階語言、高階語言 編譯式語言 VS 直譯式語言【謬誤與探討】

硬體 (Hardware) 電腦組成的5大單元

軟體 (Software) 資料 V.S. 程式 系統程式 V.S. 應用程式 0、1的二進位表示法 系統程式： 較接近硬體底層的低階程式 例如：作業系統(Operating System)、編譯程式(Compiler)、組譯程式(Assembler)、連結程式(Linker)等。 應用程式： 架構在系統程式之上，依據某種特殊需求而開發出來的軟體 例如：Office、帳務系統、電腦遊戲等等。

系統程式 V.S. 應用程式關係圖

系統程式 V.S. 應用程式階層圖

程式語言(Programming Language) 機器語言、低階語言、 高階語言 機器語言（Machine Language）： 一連串的0、1二進位數字的組合，又稱為機器碼。這些0、1 的組合數字，可能代表某種資料，也可能代表某個指令。 缺點：大多數的人無法了解或記憶這一連串的0、1數字所代表的涵義。

程式語言(Programming Language) 低階語言（Low-level Language）： 接近於機器語言的表示方法，但卻使用人類比較容易記憶的單字形式來對應一連串的0、1組合。 優點：速度快（一一對應機器碼）。 缺點： (1)硬體依附性高（不同處理器使用不同的組合語言）。 (2)仍舊無法被絕大多數人接受（不夠接近自然語言）。

程式語言(Programming Language) 組譯程式(Assembler) ：又稱組譯器；是一種用來將組合語言轉換為機器語言的一套程式。 8051機器語言指令 8051組合語言指令 意義 00000100 INC 執行累加1 10000100 DIV 執行除法 8051組合語言指令與機器語言指令的對應 x86機器語言 x86組合語言 意義 0000001111001000 ADD CX,AX 執行暫存器加法 101110010011010000010010 MOV CX,1234H 將CX暫存器的值指定為1234H x86組合語言指令與機器語言指令的對應

程式語言(Programming Language) 高階語言（High-level Language）： 使用更接近人類思維的方式來設計程式，當程式設計完成之後，必須通過另外一些翻譯程式的翻譯後才能夠被電腦執行。 高階語言的運算子通常具有比較強大的功能，因此，單一行的高階語言指令可能被翻譯成許多的機器碼以便完成複雜的工作。 依據翻譯過程的不同成編譯式語言與直譯式語言兩種【謬誤與探討】 。翻譯程式分別稱為編譯器（compiler）、 直譯器（interpreter）。 優點： (1)撰寫容易。 (2)具有可攜性（portable） ，也就是較高的硬體獨立性(machine independent)。

程式語言(Programming Language) 編譯式語言 VS 直譯式語言 編譯式語言 編譯器採用整批作業（Batch）方式處理翻譯工作。當程式設計完畢並交由編譯器翻譯之後，編譯器會將翻譯結果存成一個目的檔（object file），而這個目的檔可經由連結其他目的檔及程式庫之後形成可執行檔（execute file），並且電腦可以直接執行可執行檔。 常見的編譯語言及編譯器【謬誤與探討】 Visual Basic、C、C++、Visual C++、BCB、Pascal、Delphi、Kylix等等。 不適合用於程式發展過程，但可藉由IDE的協助改善此缺點。

程式語言(Programming Language) 直譯式語言 翻譯程式時，不會產生目的檔或可執行檔。 翻譯程式時，直譯器逐行讀入、翻譯程式並送交由電 腦執行。 每一次執行程式，必須啟動直譯器重新翻譯程式。 程式某處有錯誤時，前面沒有錯誤的程式仍會被執行，並且停留在錯誤的那一行程式 。 直譯器具有監督執行狀況的效果。 適合用於程式開發過程 。 常見的直譯語言： 【謬誤與探討】 早期的Basic語言以及現在常見的JavaScript、VBScript、Python等。

程式語言(Programming Language) 【謬誤與探討】： 針對某一種程式語言真的可以明確地將之認定為編譯式語言或直譯式語言嗎？其實這是有爭議的。 舉例來說，許多程式設計師或書籍都會將C語言視為編譯式語言，但這並不正確。例如在絕大多數的狀況下，我們會使用C語言的編譯器來編譯C語言程式，但歷史上也曾經出現過C語言的直譯器，例如Stanford大學的Thetis C Interpreter。 另一個例子是Basic語言，早期的Basic（如GWBasic）使用直譯器來翻譯Basic程式，因此當時將Basic語言視為直譯式語言，但後來的Basic（如Quick Basic、Visual Basic）則可以使用編譯器將Basic程式編譯為執行檔。 即使如此，目前我們仍舊不應該把目前的Visual Basic視為編譯式語言 因為在Visual Basic IDE中，若程式中有某些語法錯誤，它仍舊會執行前面沒有發生錯誤的部分（直譯式語言的特性），但最後我們卻仍舊可以將Visual Basic程式編譯為執行檔（編譯式語言的特性）。 為什麼會發生這種現象呢？ 這是因為程式語言原本就沒有『編譯式語言』及『直譯式語言』這種分類。換句話說，編譯器與直譯器只不過是實現程式的工具。一個語言除非在規格書中明定翻譯程式的種類，否則無法將之歸類為編譯式語言或直譯式語言。

1.2：BASIC的發展與演進 BASIC語言 在1964年，由Dartmounth學院的John Kemeny與Thomas共同發展。 全名是 Beginner's All Purpose Instruction Code，簡稱為 BASIC。 一種專為初學者設計的程式語言，語法接近人類所使用的自然語言與數學算式，因此深受電腦初學者的喜愛。 早期的 BASIC 屬於直譯語言，程式可以一行一行地執行，並且立刻觀察執行結果，容易被初學者接受。 早期的 BASIC欠缺結構化的概念，使得程式維謢及管理較為困難，因此很少被專業程式設計師拿來設計中大型程式。 BASIC語言的第一次大轉變： 1988年Microsoft推出的Quick BASIC 4.5版（簡稱QB）改進了原本BASIC的缺點。 QB程式具結構化及模組化。 由直譯語言轉為編譯語言，可編譯執行檔。

1.2：BASIC的發展與演進 BASIC語言的第二次大轉變： 1991年Microsoft推出了Visual Basic（簡稱VB）。 (『Visual』--『視覺化』) Windows作業系統的流行，帶動圖形化使用者介面（GUI；Graphics User Interface）的設計需求。 VB是一套視覺化的程式開發工具。程式設計師可以非常直觀地編排使用者介面(視窗程式的外觀)。 VB沿襲了BASIC語言易學易懂的特性，將介面操作的細節事先包裝起來，以便程式設計師快速並輕易地撰寫程式。

1.3：Visual Basic簡介 VB 6.0 v.s. VB.NET Visual BASIC 6.0分成三種版本 VB 6.0提供了視覺化程式設計的許多工具，提供程式設計師以直覺化的方式來設計應用程式的使用者介面，達到『What you see is what you get』的目的。 VB.NET則比VB 6.0更為物件化，同時也較為複雜。 Visual BASIC 6.0分成三種版本 普及版。 專業版。 企業版。

1.3：Visual Basic簡介 傳統BASIC的優點為易學易懂，而Visual Basic還具有下列優點及特色 支援部分物件導向觀念並提供方便 的輸出入介面設計 採用事件驅動的設計方式並提供 友善的人機介面 具有多工處理能力 支援ActiveX 可撰寫網際網路應用程式 可設計資料庫應用程式 支援多媒體製作 可使用Windows API 。 可用來設計動態連結程式庫DLL Dynamic HTML網頁 IIS網頁應用程式 新的應用程式佈署精靈 支援Windows CE程式的開發

1.4：Visual Basic的基本精神－物件與事件驅動 雖然Visual Basic不算是完整的物件導向程式語言（OOPL；Object-Oriented Program Language），但Visual Basic仍舊支援了部分物件導向的設計理念。 物件導向設計理念：利用軟體模擬現實生活中實體所擁有的特性與行為。 實體即『物件』 ，每一個物件都擁有各自的屬性（Property）、方法（Method）及事件（Event），物件導向程式設計則是依照物件的方法產生互動以完成要求。 物件 (Object) 屬性 (Property) 方法 (Method) 事件 (Event) 事件驅動 (Event driven)

1.5：Visual Basic的軟硬體需求 硬體需求 軟體需求(作業系統) CPU：80486以上（建議使用Pentium II以上）。 螢幕：彩色螢幕。 顯示卡：支援彩色的顯示卡。 硬碟空間：安裝完整的Visual Basic普及版大約需要至少佔60MB硬碟空間。專業版與企業版則需要250M以上。若同時安裝MSDN Library則需要額外的1.1G硬碟空間。 主記憶體：16MB RAM以上(建議使用64MB RAM以上，越多越好)。 其他：滑鼠、CD-ROM、多媒體配備[非必須]（音效卡、喇叭、麥克風）。 軟體需求(作業系統) Microsoft Windows 95、98、Me中文版 Windows NT 4.0、5.0中文版 Windows 2000、XP、2003中文版。

1.6：與滑鼠有關的術語 滑鼠基本操作術語 操作術語 操作方式 移到(Move) 移動滑鼠游標到某個物件上（不按滑鼠鍵）。 按一下(Click) 移動滑鼠游標到某個物件上，並按一下滑鼠左鍵後放開。 按兩下(Double Click) 移動滑鼠游標到某個物件上，連續按滑鼠左鍵兩下。 拖曳(Drag) 移動滑鼠游標到某個物件上方，然後按下滑鼠左鍵不放並移動滑鼠游標，最後再放開滑鼠左鍵。這種將物件搬移到目的地的過程稱為『拖曳』。 按右鍵(RightClick) 移動滑鼠游標到某個物件上，並按一下滑鼠右鍵後放開。此時會出現與操作該物件有關的快顯功能表，內含許多指令可供選取。

1.6：與滑鼠有關的術語 滑 鼠 游 標 圖 示 指標形狀 名 稱 功能與結果 一般游標 名　稱 功能與結果 一般游標 這是Windows系統內最常出現的滑鼠游標，在VB中可以用來選取元件。 漏斗游標 當系統正在執行視窗交換、應用程式存取檔案、程式計算數值時都可能會出現此游標，代表系統正在處理中請稍候。 插入游標 當滑鼠游標移到某些可編輯資料的地方，將出現此類游標，若按下滑鼠左鍵就可以輸入文字。 雙箭頭游標 當滑鼠游標移至視窗角落或邊緣時，則會出現雙向箭頭形式的游標形狀。此時若按滑鼠左鍵朝向箭頭所指方向拖曳，則可以調整視窗大小。 移動游標 當出現移動游標時，代表游標所在的項目可以移動。 十字游標 當指定某一個控制項的大小時，游標就會變成這種形式。 鏈結游標 這是取自瀏覽器中HTML網頁的超鏈結游標。在Visual Basic的線上輔助說明中，亦會出現此類游標，按滑鼠左鍵將可以連結至其他進一步的說明段落。 禁止游標 當拖曳某些物件至系統不允許的位置處，則可能出現禁止游標。 滑 鼠 游 標 圖 示

1.7：Visual Basic整合開發環境簡介 整合開發環境（IDE；Integrated Develop Environment） 目前開發程式的主流趨勢。 整合『撰寫』 、 『編譯』 、 『連結』 、 『除錯』 、 『執行』等功能 ， 使得撰寫編譯程式和撰寫直譯程式同樣方便。 將編輯器(Editor)、編譯器(Compiler)、連結器(Linker)、除錯器(Debugger)、執行(Execution)整合在同一套軟體。 例如：Visual Basic 6.0 IDE 。 啟動Visual Basic 6.0 IDE (p.1-22、1-23)

1.7：Visual Basic整合開發環境簡介 Visual Basic 6.0 IDE各類視窗簡介 視窗 功能說明 主視窗 Visual Basic的最基本視窗，上方提供了完整功能表列。 表單設計師 用來設計使用者介面，也就是輸出入資料的視窗或對話方塊。 工具箱 提供各種控制項供設計人員選用。 專案總管 管理專案、表單、程式等相關檔案。 屬性視窗 設定物件的各個屬性值。 表單配置視窗 設定表單在螢幕的顯示位置。 工具列 共包含四種工具列：一般工具列、表單編輯工具列、偵錯工具列、編輯工具列等。其中一般工具列最常被使用。而每個工具列上則包含許多功能不同的快捷鈕。 程式碼編輯視窗 撰寫程式處。 監看視窗 顯示程式碼的執行過程。 區域變數視窗 可以查看指定變數的內容。 即時運算視窗 可撰寫程式碼，並立即測試程式碼執行結果。 調色盤視窗 選擇前景、背景、文字的顏色。 瀏覽物件視窗 瀏覽該專案中各物件的相關資訊。

1.8：Visual Basic整合開發環境介紹 主視窗 標題列 功能表列 功能表 說 明 檔案 提供有關專案存取、編譯、列印及結束Visual Basic…等指令。 編輯 提供剪下、複製、貼上、尋找、取代資料等有關編輯的指令。 檢視 提供開啟Visual Basic各視窗的指令。 專案 提供關於檔案、表單、模組、物件類別、使用者控制項的功能。 格式 提供可以用來格式化表單的指令。 偵錯 提供逐行或逐程式、設置中斷點等關於測試、除錯的指令。 執行 提供執行正在編輯的程式碼及繼續執行中斷程式的指令。 功能表 說 明 查詢 提供資料庫排序、SQL條件設定…等指令。 圖表 提供顯示關聯式資料庫的資料庫圖表等指令。 工具 提供製作功能表、新增程式、設定Visual Basic整合開發環境狀態等指令。 增益集 提供目前可使用的Visual Basic程式設計輔助工具。 視窗 提供工作區域各視窗的各種排列方式。 說明 提供線上手冊，可以用來查詢Visual Basic相關語法。

1.8：Visual Basic整合開發環境介紹 工具列 Visual Basic 6.0提供了『一般』、『表單編輯器』、『偵錯』、『編輯』等四組工具列，『工具列』上面有許多的快捷鈕，分別對應某個功能表內的指令。 『一般』工具列 浮動工具列 『一般』工具列的快捷鈕 P.1-28 表格

1.8：Visual Basic整合開發環境介紹 工具箱（Tool Box） Visual Basic的工具箱提供了許多的工具可做為設計程式介面之用，而這些工具稱之為控制項。 Visual Basic 6.0普及版工具箱的預設控制項 Pointer游標 Picture box圖片方塊 Label標籤 Text box文字方塊 Frame框架 Command button指令按鈕 Check box核取方塊 Option button選項按鈕 Combo box下拉式清單方塊 List box清單方塊 Horizontal scroll bar水平捲軸 Vertical scrollbar垂直捲軸 Timer計時器 Drive list box磁碟機清單方塊 Directory list box目錄清單方塊 File list box檔案清單方塊 Shape形狀 Line直線 Image影像 Data資料控制項 OLE container OLE收納器

1.8：Visual Basic整合開發環境介紹 各控制項功能請見附錄E 新增或移除控制項 P.1-30 【實例一】

1.8：Visual Basic整合開發環境介紹 表單設計師 表單設計師是一個視窗，當中包含了一個表單（Form）。開始時，表單設計師會位於視窗的中央部分，若將表單設計師放至最大，則會佔滿整個主視窗的空白區域。 在表單的右邊中間、下邊中間及右下角有3個實心小方塊。如果將滑鼠游標移至這三個方塊上，游標就會變成 、 、 等形式，此時可以拖曳滑鼠調整表單的大小。

1.8：Visual Basic整合開發環境介紹 專案總管（Project Manager） 專案（Project）是發展Visual Basic程式的最小基本單位，當中包含了所需要的眾多檔案。 撰寫Visual Basic程式時，VB會自動產生一個專案。由於所有的程式碼並不一定需要放在同一個檔案中（也可能分散放在數個不同的檔案），專案則是用來管理表單以及程式碼。 某些較複雜的應用程式，需要合併多個專案才能完整表達一個系統，此時，VB會將兩個以上的專案組合成為一個專案群組（Project Group）。 專案總管視窗 二個專案 一個專案

1.8：Visual Basic整合開發環境介紹 屬性視窗 Visual Basic的每一個控制項都是一個物件，因此各自擁有屬於該物件的屬性。 更改該物件的屬性值有兩個方法 透過屬性視窗設定屬性值。 撰寫程式碼來動態更改屬性值。 項目 功能說明 物件名稱 下拉式清單 內含表單(Form)及控制項(Control)的物件名稱及物件類別。 屬性清單 列出被選取的表單或被選取的控制項的所有屬性。 屬性值清單 設定屬性的屬性值。

1.8：Visual Basic整合開發環境介紹 表單配置視窗 用途：直接指定表單於螢幕的某個特定位置。 操作：將滑鼠游標移至表單配置視窗螢幕圖的表單圖示上，滑鼠游標會變成 ，此時只要按下滑鼠左鍵不放並拖曳滑鼠即可改變表單在螢幕的位置。

1.8：Visual Basic整合開發環境介紹 調色盤視窗 設定物件前景顏色與背景顏色時，使用的屬性分別是ForeColor（前景顏色）與BackColor（背景顏色）。 指定顏色的方法有兩種 設定顏色的RGB值（詳見第9章） 透過調色盤視窗直接選擇顏色。 設定文字顏色：先按一下【Aa】圖示，然後再按一下想要的顏色。 設定前景色：先按一下前景顏色區（框中的小方塊），然後再按一 下想要的顏色。 設定背景色：先按一下背景顏色區（框中的小方塊之外），然後再 按一下想要的顏色。

1.9：建立與操作表單上的控制項 表單設計師視窗中的表單（Form）就是使用者的操作介面， 例如：視窗或對話方塊。 將工具箱中的工具放入表單中，就形成了控制項。控制項可豐富使用者操作介面的變化。 下圖是一個簡單的輸出入介面，一共包含了3種物件（共4個物件）。 一個表單（標題名稱為Form1） 表單內有兩個標籤控制項 （標題名稱為Label1和Label2） 表單內有一個指令按鈕控制項 （標題名稱為Command1）

1.9：建立與操作表單上的控制項 建立控制項 【實例二】：加入兩個標籤控制項

1.9：建立與操作表單上的控制項 調整控制項位置以及大小 選取某一個控制項之後，該控制項的外框就會出現八個小黑點，而該控制項則稱之為『作用控制項』 。 對控制項的操作皆為對『作用控制項』進行各種動作，例如：搬移控制項位置、調整控制項大小、設定控制項的屬性值。 【實例三】：調整兩個標籤控制項的大小以及位置 【自我練習】

1.9：建立與操作表單上的控制項 同時移動多個控制項位置 先選取多個控制項： 利用工具箱的 游標工具，把多個控制項框起來。 利用工具箱的 游標工具，把多個控制項框起來。 配合【Shift】鍵操作，一一選取多個控制項。 然後再一起移動被選取的所有控制項。 取消操作：立刻按下【Ctrl】鍵+【Z】鍵，可取消前一次的控制項操作。

1.9：建立與操作表單上的控制項 刪除控制項 先選取多個控制項，使得控制項變成作用控制項： 對作用控制項做縮放、搬移及刪除的動作。 刪除作用控制項時，可以依照下列三種方式完成： 按下【Delete】鍵。 執行【編輯／刪除】指令。 在作用控制項上按滑鼠右鍵，於快顯功能表中執行【刪除】指令。 【自我練習】。

1.9：建立與操作表單上的控制項 復原被刪除的控制項 不小心誤刪了某控制項後，可以透過下列3種方式將之復原： 執行【編輯／復原刪除】指令。 按下一般工具列的 復原刪除快捷鈕。 同時按下【Ctrl】鍵+【Z】鍵。 【註】 ：Visual Basic 6.0除了可以復原表單元件的編輯之外，也可以復原程式碼的編輯。 表單元件的編輯只能夠復原最近一次的編輯動作 程式碼的編輯，可復原前20次的編輯動作。

1.9：建立與操作表單上的控制項 調整表單上的網點 表單內有許多的『網點』，網點的作用是做為調整控制項位置時的對齊依據，因此在執行階段中，網點並不會出現在表單上。 改變網點的密度，可以更精密地對齊資料。 網點相關的設定，請先執行【工具／選項】指令，於選項對話方塊的一般標籤頁中設定相關選項。 設定項 功能說明 顯示格線(G) 設定是否顯示網點。 寬度(W) 調整網點的水平間距。 最大值：1188，最小值：24，預設值：120。 高度(H) 調整網點的垂直間距。 控制項對齊格線(O) 設定表單上的控制項是否自動對齊網點。

1.10：程式碼編輯視窗 程式碼編輯視窗：編輯程式碼的地方。每一個表單檔、模組檔及或物件類別檔都各擁有一個程式碼編輯視窗。 開啟程式碼編輯視窗有下列五種方式： 按下專案總管視窗的 檢視程式碼快捷鈕。 執行【檢視／程式碼】指令。 按下【F7】鍵。 在表單或控制項上按滑鼠右鍵，於快顯功能表中執行【檢視程式碼】指令。 在表單或控制項上按兩下，會打開該元件的程式碼編輯視窗，並且游標會處於該物件的Click事件程序中。

1.10：程式碼編輯視窗 程式碼編輯視窗的操作： 事件下拉式清單 物件下拉式清單 插入點 分隔棒 程式編輯區 全模組檢視鈕 程序檢視鈕

1.10：程式碼編輯視窗 程式碼編輯視窗的操作： 項目 功能說明 程式編輯區 編輯程式碼的區域。 插入點 輸入程式碼的游標處。 物件下拉式清單 列出表單中所有的物件(包含控制項和表單本身)。 事件下拉式清單 根據物件下拉式清單所選取的物件提供所有的事件清單，當物件及事件都確定之後，程式編輯區就會出現「物件_事件」的事件程序。 分隔棒 將程式碼編輯視窗分割為上下兩個子視窗，以便同時觀看、對照、編輯兩個不同地方的程式碼。 程序檢視 按下後，程式碼編輯視窗的程式編輯區只會顯示一個程序的內容。 全模組檢視 按下後，程式碼編輯視窗可以檢視全部的程序內容。

1.10：程式碼編輯視窗 程式碼編輯視窗的操作(預設事件程序)： 選取物件 Command1控制項 自動出現預設程序

1.10：程式碼編輯視窗 程式碼編輯視窗的操作(自選物件程序)： 選取事件 出現選取的事件程序

1.11：關閉Visual Basic整合開發環境 關閉Visual Basic IDE，回到Windows的方法有三種： 按主視窗右上方 關閉鈕。 執行【檔案／結束】指令。 按兩下主視窗左上方的 圖示。 關閉IDE時，若程式或介面曾經修改且尚未存檔則會出現警告對話方塊，請按照提示依序存檔。

1.12： 單一文件介面（SDI）開發環境簡介 視窗程式設計分為兩種： 啟動SDI開發環境： 多重文件介面（MDI）應用程式 一個應用程式可以開啟多份文件，例如：Word97與Visual Basic 6.0 IDE都屬於MDI應用程式。 單一文件介面（SDI）應用程式 應用程式一次只能開啟一個文件，例如：小畫家、WordPad等就屬於SDI應用程式。 Visual Basic 6.0可開發SDI應用程式，也可開發MDI應用程式。 啟動SDI開發環境： 【實例四】

1.13：停駐（Docking） 『停駐』 ：一種視窗的狀態形式。具有停駐功能的視窗（即視窗右上角只有 鈕），可以垂直連在一起，例如：IDE右方的專案總管視窗、屬性視窗即是一例；這些連在一起的視窗，則可以一起移動位置。 設定視窗是否具有停駐功能，只要執行 【工具／選項】指令，並於停駐標籤頁 中勾選想要停駐的視窗種類即可。

1.14：本章回顧 理論 實作 硬體五大單元 軟體與程式語言 機器語言、低階語言、高階語言 編譯式語言 、直譯式語言 BASIC與Visual BASIC的發展與演進 物件導向與事件驅動程式設計 實作 與滑鼠有關的術語 VB IDE簡介 開啟與關閉VB IDE 建立與操作控制項 程式碼編輯視窗 單一文件介面與多文件介面 停駐

本章習題