1、1,第一章 VB6 整合開發環境介紹,程式設計: Visual BASIC 6,2,章節預覽(理論),1.1 計算機概論與程式設計 1.2 BASIC 的發展與演進 1.3 Visual BASIC簡介 1.4 VB 的基本精神物件與事件驅動,3,章節預覽(實作),1.5 VB 的軟硬體需求 1.6 與滑鼠有關的術語 1.7 VB 整合開發環境簡介 1.8 VB 整合開發環境介紹 1.9 建立與操作表單上的控制項 1.10 程式碼編輯視窗 1.11 關閉 VB 整合開發環境 1.12 單一文件介面 (SDI) 開發環境簡介 1.13 停駐 (Docking),4,1.1 計算機概論與程式設計,
2、硬體 (Hardware) 電腦組成的5大單元 軟體 (Software) 資料 VS 程式 系統程式 VS 應用程式 程式語言(Programming Language) 機器語言、低階語言、高階語言 編譯式語言 vs. 直譯式語言【謬誤與探討】,5,硬體 (Hardware),電腦組成的5大單元,6,軟體 (Software),資料 v.s. 程式 0、1的二進位表示法 系統程式 v.s. 應用程式 系統程式： 較接近硬體底層的低階程式 例如：作業系統(Operating System)、編譯程式(Compiler)、組譯程式(Assembler)、連結程式(Linker)等。 應用程式：
3、 架構在系統程式之上，依據某種特殊需求而開發出來的軟體 例如：Office、帳務系統、電腦遊戲等等。,7,系統程式 V.S. 應用程式關係圖,8,系統程式 V.S. 應用程式階層圖,9,程式語言 (Programming Language),10,程式語言 (Programming Language),機器語言 (Machine Language) 一連串的 0、1 二進位數字的組合，又稱為機器碼。 這些 0、1 的組合數字，可能代表某種資料， 也可能代表某個指令。 缺點：大多數的人無法了解或記憶 這一連串的 0、1 數字所代表的涵義。,11,程式語言 (Programming Languag
4、e),低階語言 (Low-level Language) 接近於機器語言的表示方法， 但卻使用人類比較容易記憶的單字形式來對應一連串的 0、1 組合。 優點: 速度快 (一一對應機器碼)。 缺點: 硬體依附性高（不同處理器使用不同的組合語言） 仍舊無法被絕大多數人接受（不夠接近自然語言） 組譯程式(Assembler) :又稱組譯器； 是一種用來將組合語言轉換為機器語言的一套程式。,12,程式語言 (Programming Language),8051組合語言指令與機器語言指令的對應,x86組合語言指令與機器語言指令的對應,13,程式語言 (Programming Language),高階語言
5、 (High-level Language) 使用更接近人類思維的方式來設計程式，當程式設計完成之後，必須通過另外一些翻譯程式的翻譯後才能夠被電腦執行。 高階語言的運算子通常具有比較強大的功能，因此，單一行的高階語言指令可能被翻譯成許多的機器碼以便完成複雜的工作。 依據翻譯過程的不同成編譯式語言與直譯式語言兩種【謬誤與探討】。翻譯程式分別稱為編譯器(compiler)、直譯器(interpreter)。,14,程式語言 (Programming Language),高階語言 (High-level Language) 優點： 撰寫容易。 具有可攜性(portable)， 也就是較高的硬體獨立性
6、 (machine independent)。,15,編譯式語言 v.s. 直譯式語言,編譯式語言 編譯器採用整批作業(batch)方式處理翻譯工作。當程式設計完畢並交由編譯器翻譯之後，編譯器會將翻譯結果存成一個目的檔(object file)，而這個目的檔可經由連結其他目的檔及程式庫之後形成可執行檔(execute file)，並且電腦可以直接執行可執行檔。 常見的編譯語言及編譯器【謬誤與探討】 Visual Basic、C、C+、Visual C+、BCB、Pascal、Delphi、Kylix等等。 不適合用於程式發展過程，但可藉由IDE的協助改善此缺點。,16,編譯式語言 v.s. 直
7、譯式語言,編譯式語言,17,編譯式語言 v.s. 直譯式語言,直譯式語言 翻譯程式時，不會產生目的檔或可執行檔。 翻譯程式時，直譯器逐行讀入、翻譯程式並送交由電腦執行。 每一次執行程式，必須啟動直譯器重新翻譯程式。 程式某處有錯誤時，前面沒有錯誤的程式仍會被執行，並且停留在錯誤的那一行程式 。 直譯器具有監督執行狀況的效果。 適合用於程式開發過程 。 常見的直譯語言【謬誤與探討】 早期的 Basic 語言以及現在常見的JavaScript、 VBScript、Python等。,18,編譯式語言 v.s. 直譯式語言,直譯式語言,19,編譯式語言 v.s. 直譯式語言,【謬誤與探討】 針對某一種
8、程式語言真的可以明確地將之認定為編譯式語言或直譯式語言嗎？ 其實這是有爭議的。 舉例來說，許多程式設計師或書籍都會將C語言視為編譯式語言，但這並不正確。例如在絕大多數的狀況下，我們會使用C語言的編譯器來編譯C語言程式，但歷史上也曾經出現過C語言的直譯器，例如 Stanford 大學的 Thetis C Interpreter。 另一個例子是 Basic 語言，早期的Basic（如GWBasic）使用直譯器來翻譯Basic程式，因此當時將Basic語言視為直譯式語言，但後來的Basic（如Quick Basic、Visual Basic）則可以使用編譯器將Basic程式編譯為執行檔。,20,編譯
9、式語言 v.s. 直譯式語言,【謬誤與探討】 即使如此，目前我們仍舊不應該把目前的Visual Basic視為編譯式語言 因為在Visual Basic IDE中，若程式中有某些語法錯誤，它仍舊會執行前面沒有發生錯誤的部分（直譯式語言的特性），但最後我們卻仍舊可以將Visual Basic程式編譯為執行檔（編譯式語言的特性）。 為什麼會發生這種現象呢？ 這是因為程式語言原本就沒有編譯式語言及直譯式語言這種分類。換句話說，編譯器與直譯器只不過是實現程式的工具。一個語言除非在規格書中明定翻譯程式的種類，否則無法將之歸類為編譯式語言或直譯式語言。,21,1.2 BASIC的發展與演進,1964年，由
10、Dartmounth學院的John Kemeny與Thomas共同發展。 全名是 Beginners All Purpose Instruction Code，簡稱為 BASIC。 一種專為初學者設計的程式語言，語法接近人類所使用的自然語言與數學算式，因此深受電腦初學者的喜愛。 早期的 BASIC 屬於直譯語言，程式可以一行一行地執行，並且立刻觀察執行結果，容易被初學者接受。 早期的 BASIC欠缺結構化的概念，使得程式維謢及管理較為困難，因此很少被專業程式設計師拿來設計中大型程式。,22,1.2 BASIC的發展與演進,BASIC 語言的第一次大轉變： 1988年Microsoft推出的Qu
11、ick BASIC 4.5版(簡稱 QB) 改進了原本BASIC的缺點。 QB程式具結構化及模組化。 由直譯語言轉為編譯語言，可編譯執行檔。,23,1.2 BASIC的發展與演進,BASIC 語言的第二次大轉變： 1991年Microsoft推出了Visual BASIC (簡稱VB)。 (Visual-視覺化) Windows作業系統的流行，帶動圖形化使用者介面 (GUI: Graphics User Interface) 的設計需求。 VB 是一套視覺化的程式開發工具。程式設計師可以非常直觀地編排使用者介面(視窗程式的外觀)。 VB 沿襲了 BASIC 語言易學易懂的特性，將介面操作的細節
12、事先包裝起來，以便程式設計師快速並輕易地撰寫程式。,24,1.3 Visual Basic簡介,VB 6.0 v.s. VB.NET VB 6.0提供了視覺化程式設計的許多工具，提供程式設計師以直覺化的方式來設計應用程式的使用者介面，達到What you see is what you get的目的。 VB.NET則比VB 6.0更為物件化，同時也較為複雜。 Visual BASIC 6.0分成三種版本 普及版。 專業版。 企業版。,25,1.3 Visual Basic 簡介,傳統BASIC的優點為易學易懂，而Visual Basic還具有下列優點及特色支援部分物件導向觀念並提供方便 的輸出
13、入介面設計 採用事件驅動的設計方式並提供 友善的人機介面 具有多工處理能力 支援ActiveX 可撰寫網際網路應用程式 可設計資料庫應用程式,支援多媒體製作 可使用Windows API 。 可用來設計動態連結程式庫DLL Dynamic HTML網頁 IIS網頁應用程式 新的應用程式佈署精靈 支援Windows CE程式的開發,26,1.4 VB 的基本精神-物件與事件驅動,雖然Visual Basic不算是完整的物件導向程式語言（OOPL；Object-Oriented Program Language），但Visual Basic仍舊支援了部分物件導向的設計理念。 物件導向設計理念：利用
14、軟體模擬現實生活中實體所擁有的特性與行為。 實體即物件 ，每一個物件都擁有各自的屬性（Property）、方法（Method）及事件（Event），物件導向程式設計則是依照物件的方法產生互動以完成要求。 物件 (Object) 屬性 (Property) 方法 (Method) 事件 (Event) 事件驅動 (Event driven),27,1.5 Visual Basic的軟硬體需求,硬體需求 CPU：80486以上（建議使用Pentium II以上）。 螢幕：彩色螢幕。 顯示卡：支援彩色的顯示卡。 硬碟空間：安裝完整的 Visual Basic 普及版大約需要至少佔60MB硬碟空間。專
15、業版與企業版則需要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中文版。,28,1.6 與滑鼠有關的術語,滑鼠基本操作術語,29,1.6 與滑鼠有關的術語,滑 鼠 游 標 圖 示,30,1.7 VB整合開發環境簡介,整合開發環境 （IDE: Integ
16、rated Develop Environment） 目前開發程式的主流趨勢。 整合撰寫 、 編譯 、 連結 、 除錯 、 執行等功能 ， 使得撰寫編譯程式和撰寫直譯程式同樣方便。 將編輯器(Editor)、編譯器(Compiler)、連結器(Linker)、除錯器(Debugger)、執行(Execution)整合在同一套軟體。 例如：Visual Basic 6.0 IDE 。 啟動 Visual Basic 6.0 IDE (p.1-22、1-23),31,1.7 VB整合開發環境簡介,Visual Basic 6.0 IDE各類視窗簡介,32,1.8 VB整合開發環境介紹,主視窗 標題
17、列 功能表列,33,1.8 VB整合開發環境介紹,工具列 Visual Basic 6.0提供了一般、表單編輯器、偵錯、編輯等四組工具列，工具列上面有許多的快捷鈕，分別對應某個功能表內的指令。 一般工具列浮動工具列一般工具列的快捷鈕 P.1-28 表格,34,1.8 VB整合開發環境介紹,工具箱(Tool Box) Visual Basic的工具箱提供了許多的工具可做為設計程式介面之用，而這些工具稱之為控制項。 Visual Basic 6.0普及版工具箱的預設控制項,35,1.8 VB整合開發環境介紹,Visual Basic 6.0普及版工具箱的全部控制項 在建立新專案對話方塊中，選取Vi
18、sual Basic普及版控制項圖示。各控制項功能請見附錄 E 新增或移除控制項 P.1-30 【實例一】,36,1.8 VB整合開發環境介紹,表單設計師 表單設計師是一個視窗，當中包含了一個表單（Form）。 開始時，表單設計師會位於視窗的中央部分，若將表單設計師放至最大， 則會佔滿整個主視窗的空白區域。 在表單的右邊中間、下邊中間及右下角有3個實心小方塊。如果將滑鼠游標移至這三個方塊上，游標就會變成 、 、 等形式，此時可以拖曳滑鼠調整表單的大小。,37,1.8 VB整合開發環境介紹,專案總管（Project Manager） 專案（Project）是發展Visual Basic程式的最小
19、基本單位，當中包含了所需要的眾多檔案。 撰寫Visual Basic程式時，VB會自動產生一個專案。由於所有的程式碼並不一定需要放在同一個檔案中（也可能分散放在數個不同的檔案），專案則是用來管理表單以及程式碼。 某些較複雜的應用程式，需要合併多個專案才能完整表達一個系統，此時，VB會將兩個以上的專案組合成為一個專案群組（Project Group）。 專案總管視窗,一個專案,二個專案,38,1.8 VB 整合開發環境介紹,屬性視窗 Visual Basic的每一個控制項都是一個物件，因此各自擁有屬於該物件的屬性。 更改該物件的屬性值有兩個方法 透過屬性視窗設定屬性值。 撰寫程式碼來動態更改屬性
20、值。,39,1.8 VB整合開發環境介紹,表單配置視窗 用途：直接指定表單於螢幕的某個特定位置。 操作：將滑鼠游標移至表單配置視窗螢幕圖的表單圖示上，滑鼠游標會變成 ，此時只要按下滑鼠左鍵不放並拖曳滑鼠即可改變表單在螢幕的位置。,40,1.8 VB整合開發環境介紹,調色盤視窗 設定物件前景顏色與背景顏色時，使用的屬性分別是ForeColor（前景顏色）與BackColor（背景顏色）。 指定顏色的方法有兩種 設定顏色的RGB值（詳見第9章） 透過調色盤視窗直接選擇顏色。設定文字顏色：先按一下【Aa】圖示，然後再按一下想要的顏色。 設定前景色：先按一下前景顏色區（框中的小方塊），然後再按一 下想
21、要的顏色。 設定背景色：先按一下背景顏色區（框中的小方塊之外），然後再 按一下想要的顏色。,41,1.9 建立與操作表單上的控制項,表單設計師視窗中的表單（Form）就是使用者的操作介面， 例如：視窗或對話方塊。 將工具箱中的工具放入表單中，就形成了控制項。控制項可豐富使用者操作介面的變化。 下圖是一個簡單的輸出入介面，一共包含了3種物件（共4個物件）。 一個表單（標題名稱為Form1） 表單內有兩個標籤控制項 （標題名稱為Label1和Label2） 表單內有一個指令按鈕控制項 （標題名稱為Command1）,42,1.9 建立與操作表單上的控制項,建立控制項 【實例二】：加入兩個標籤控制項
22、,43,1.9 建立與操作表單上的控制項,調整控制項位置以及大小 選取某一個控制項之後，該控制項的外框就會出現八個小黑點，而該控制項則稱之為作用控制項 。 對控制項的操作皆為對作用控制項進行各種動作，例如：搬移控制項位置、調整控制項大小、設定控制項的屬性值。 【實例三】：調整兩個標籤控制項的大小以及位置【自我練習】,44,1.9 建立與操作表單上的控制項,同時移動多個控制項位置 先選取多個控制項： 利用工具箱的 游標工具，把多個控制項框起來。 配合【Shift】鍵操作，一一選取多個控制項。 然後再一起移動被選取的所有控制項。取消操作：立刻按下【Ctrl】鍵+【Z】鍵，可取消前一次的控制項操作。
23、,45,1.9 建立與操作表單上的控制項,刪除控制項 先選取多個控制項，使得控制項變成作用控制項： 對作用控制項做縮放、搬移及刪除的動作。 刪除作用控制項時，可以依照下列三種方式完成： 按下【Delete】鍵。 執行【編輯刪除】指令。 在作用控制項上按滑鼠右鍵，於快顯功能表中執行【刪除】指令。 【自我練習】。,46,1.9 建立與操作表單上的控制項,復原被刪除的控制項 不小心誤刪了某控制項後，可以透過下列3種方式將之復原： 執行【編輯復原刪除】指令。 按下一般工具列的 復原刪除快捷鈕。 同時按下【Ctrl】鍵+【Z】鍵。 【註】 ：Visual Basic 6.0除了可以復原表單元件的編輯之外
24、，也可以復原程式碼的編輯。 表單元件的編輯只能夠復原最近一次的編輯動作 程式碼的編輯，可復原前20次的編輯動作。,47,1.9 建立與操作表單上的控制項,調整表單上的網點 表單內有許多的網點，網點的作用是做為調整控制項位置時的對齊依據，因此在執行階段中，網點並不會出現在表單上。 改變網點的密度，可以更精密地對齊資料。 網點相關的設定，請先執行【工具選項】指令，於選項對話方塊的一般標籤頁中設定相關選項。,48,1.10 程式碼編輯視窗,程式碼編輯視窗：編輯程式碼的地方。每一個表單檔、模組檔及或物件類別檔都各擁有一個程式碼編輯視窗。 開啟程式碼編輯視窗有下列五種方式： 按下專案總管視窗的 檢視程式
25、碼快捷鈕。 執行【檢視程式碼】指令。 按下【F7】鍵。 在表單或控制項上按滑鼠右鍵，於快顯功能表中執行【檢視程式碼】指令。 在表單或控制項上按兩下，會打開該元件的程式碼編輯視窗，並且游標會處於該物件的Click事件程序中。,49,1.10 程式碼編輯視窗,程式碼編輯視窗的操作：,程式編輯區,插入點,物件下拉式清單,事件下拉式清單,分隔棒,程序檢視鈕,全模組檢視鈕,50,1.10 程式碼編輯視窗,程式碼編輯視窗的操作：,51,1.10 程式碼編輯視窗,程式碼編輯視窗的操作(預設事件程序)：,Command1控制項,選取物件,自動出現預設程序,52,1.10 程式碼編輯視窗,程式碼編輯視窗的操作(
26、自選物件程序)：,選取事件,出現選取的事件程序,53,1.11 關閉 VB 整合開發環境,關閉Visual Basic IDE，回到Windows的方法有三種： 按主視窗右上方 關閉鈕。 執行【檔案結束】指令。 按兩下主視窗左上方的 圖示。 關閉IDE時，若程式或介面曾經修改且尚未存檔則會出現警告對話方塊，請按照提示依序存檔。,54,1.12 單一文件介面(SDI)開發環境簡介,視窗程式設計分為兩種： 多重文件介面（MDI）應用程式 一個應用程式可以開啟多份文件，例如：Word97與Visual Basic 6.0 IDE都屬於MDI應用程式。 單一文件介面（SDI）應用程式 應用程式一次只能
27、開啟一個文件，例如：小畫家、WordPad等就屬於SDI應用程式。 Visual Basic 6.0可開發SDI應用程式，也可開發MDI應用程式。 啟動SDI開發環境： 【實例四】,55,1.13 停駐(Docking),停駐 ：一種視窗的狀態形式。具有停駐功能的視窗（即視窗右上角只有 鈕），可以垂直連在一起，例如：IDE 右方的專案總管視窗、屬性視窗即是一例； 這些連在一起的視窗，則可以一起移動位置。 設定視窗是否具有停駐功能，只要執行 【工具選項】指令，並於停駐標籤頁 中勾選想要停駐的視窗種類即可。,56,1.14 本章回顧,理論 硬體五大單元 軟體與程式語言 機器語言、低階語言、高階語言 編譯式語言 、直譯式語言 BASIC與Visual BASIC的發展與演進 物件導向與事件驅動程式設計,57,1.14 本章回顧,實作 與滑鼠有關的術語 VB IDE 簡介 開啟與關閉VB IDE 建立與操作控制項 程式碼編輯視窗 單一文件介面與多文件介面 停駐,58,本章習題,
