Transcript 方式1 - 和春技術學院

第二章
揭開VB 2008神秘面紗
2-1 Basic的演進
 BASIC 為 Beginners All purpose Symbolic Instruction Code
簡稱。
 1964年 Dartmouth 學院 John Kemery 和 Thomas 所設計。
 語法簡單、易懂、適用初學者學習。
 1975年 微軟 開發出 BASIC 程式語言，而 IBM 個人電
腦 也陸續設計出 ROM-BASIC、DOS-BASIC、BASICA、
GWBASIC…。
 1988年 微軟推出 Quick BASIC 4.5 版，可在 DOS 作業
系統開發軟體的 BASIC 程式語言推到最高峰。
 1991年微軟發表出 Visual Basic 1.0 簡稱 VB 為 Windows
平台提供一個設計程式軟體的開發工具。
 VB 版本 經 1.0、2.0 ….. 至 6.0 版 的改版。
 VB6.0 已具資料庫、多媒體、物件導向、開發 ActiveX
元件…等功能。
 2002年 微軟鑑於 VB 重新打造 VB，使具有繼承特色，
發表 Visual Basic.NET（簡稱VB.NET），並將它與Visual
C# .NET、Visual C++ .NET等應用軟體一起置入 Visual
Studio .NET 整合開發環境中。
 2003年 推出 Visual Basic .NET 2003，可建立視窗
桌面應用程式和 Web 應用程式，還針對無線裝置、
網際網路啟用裝置及 Pocket PC 建立應用程式的完
整支援。
2-1 Basic的演進
 2006年 推出 Visual Studio 2005，新增物件導向
泛型機制，可由 ActiveX、XML Web Service…等
技術，進行 Internet 的程式設計。
 2008年 推出 Visual Studio 2008，其中有 Professional
版、Standard版、Express版。
 在 Express 版有Visual Basic 2008 Express、Visual C# 2008
Express、Visual Web Developer 2008 Express、Visual C++ 2008
Express。
 微軟對 Visual Studio Express 版中文版可供用戶免費
到微軟網站下載軟體。
2-2 與 VB 2008 Express 第一次接觸
2.2.1 開啟整合開發環境
1. 啟動 Visual Basic 2008 Express
在工作列上執行 [ 開始/所有程式/Visual Basic 2008
Express Edition ] 命令。
2. 起始頁畫面介紹
進入 Visual Basic 2008 Express 的「整合開發環境」
前會先出現「起始頁」畫面。該畫面是讓您建立新的
專案或開啟舊的專案。
 在「範本(T)」窗格內選取 「Windows Form應用程式」圖示。
 在「名稱(N)」欄，使用預設專案名稱「WindowsApplication1」。
 按 [確定 ] 鈕，進入「VB 2008 Express的整合開發環境」：
[說明]
 WindowsApplication1 顯示在視窗標題欄最左邊為方案名稱
WindowsApplication1顯示在方案總管視窗內為專案名稱。
 編寫一個 VB 程式就會產生一個 方案。
一個方案內可放數個專案。
一個專案由建立到設計完成需數個檔案一起運作。
【】
方案總管 用來管理這些專案及需用到的檔案。
 當專案設計完成編譯成可執行的視窗應用程式，
執行執行時所出現的視窗就是尚圖「設計工具」視窗
內的 Form1表單物件 。
 找不到「方案總管」視窗，執行【檢視(V)/方案總管(P)】
開啟「方案總管」視窗。
2.2.2 偵錯專案
 在專案設計階段完成程式的輸出入介面設計和
程式碼編寫，接著必須進行專案的偵錯。
 檢查所設計出的程式，其語法是否有誤？執行
結果是否符合需求？
 程式執行時VB都會先進行編譯，檢查程式中
所有敘述的語法是否有錯誤？
- 若有錯誤，必須返回編輯程式階段進行修改，
- 若程式語法正確，馬上進行程式編譯，產生
相關的檔案並產生可執行的視窗應用程式
(附檔名為 .exe)。
Step1 開始偵錯
在 VB 2008 整合開發環境中偵錯專案方法有三種：
 按工具列的 開始偵錯圖示鈕。
 執行功能表的 [ 偵錯(D)/開始偵錯(S) ]指令。
 按鍵盤 [F5] 快捷鍵。
Step2
若偵錯沒發生錯誤，會在整合開發環境上開啟下圖 Form1
執行視窗，此視窗稱為 Form1 表單控制項或稱表單物件。
Step 3 關閉程式執行視窗
在上圖點選工具列的停止偵錯圖示鈕或點按執行視窗
右上方的關閉鈕來關閉執行視窗。
2.2.3 儲存專案
執行功能表的【檔案(F)/全部儲存(L)】指令或按工具
列的全部儲存圖示鈕，出現「儲存專案」對話方塊：
注意： 不勾選 [為方案建立目錄(D)] 表不另建方案資料夾，
即將專案和方案名稱設同名，一起存在專案資料夾內。
即該方案內只能有一個專案。
 在「名稱(N)」欄更改鍵入較有意義的專案名稱，如myProj。
此時，方案名稱會自動同步跟著改變。
 按 [瀏覽(B)] 鈕，選擇專案所存放的資料夾，如
『我的文件』。
 按 [儲存(S)] 鈕，系統自動在所指定的「我的文件」
資料夾內建立專案資料夾「myProj」，只要與專案
myProj 有關的檔案，會存放到 myProj 資料夾內。
2.2.4 關閉整合開發環境
執行功能表 [檔案(F)/結束(X)] 指令，離開
VB 2008整合開發環境。
若專案內容有異動或新增未儲存時，會詢
問
是否要存檔？
2.2.5 瀏覽專案資料夾
延續上節所儲存的專案名稱是「myProj」，該專案資料夾
是建在「我的文件」資料夾內。
Step1
透過「我的電腦」或「檔案總管」開啟下圖「我的文件」
資料夾：
Step 2
在上圖的「myProj」專案資料夾快按兩下如下圖開啟此資料夾
Step3
- 開啟 bin資料夾內的 Debug 資料夾，出現 該資料夾下
所屬相關檔案。
- myProj.exe 是執行檔，為編譯完成的 視窗應用程式。
2.2.6 開啟已建立的專案
建好的專案檔，開啟專案方式有兩種：
方式1 適合用來開啟最近所建好的專案
Step1
執行工作列 [開始/所有程式/Microsoft Visual Basic 2008
Express Edition ] 指令
Step2 點選 myProj 專案名稱。
方式2
適合用來開啟較早已建好的專案
Step1 執行桌面工作列 [開始/所有程式/Visual Basic 2008
Express Edition] 指令，進入「起始頁」畫面。
Step2 執行功能表 [檔案(F)/開啟專案(P) ] 指令，開啟
「開啟專案」對話方塊：
2.2.7 開啟設計工具窗格
開啟「設計工具」窗格的方法有兩個方式：
方式1
方式2
2-3 工具與控制項
整合開發環境 簡稱 IDE。
IDE 是將程式的編輯、編譯、執行、偵錯
四階段
整合在一個環境操作，方便來開發程式。
2.3.1 工具箱的設定
 工具箱位於整合開發環境的最左邊。
 提供許多工具，在「表單」物件上建立輸出入介面。
 由工具箱拖曳一個工具到表單上，就成為一個「控制項」
(Control)或稱 物件(Object)。
工具箱可設定為彈跳式與固定式兩種：
1. 彈跳式工具箱
2. 固定式工具箱
2.3.2 控制項的建立
在表單內建立控制項的方法有兩種：
方式1：在表單內建立一個 標籤控制項
方式2 在表單內製作一個 按鈕控制項
2.3.3 控制項的調整和刪除
 表單上的控制項位置或尺寸不合需求可做調整。
 表單上的控制項不需要時可做刪除。
 調整和刪除動作前，要先選取該控制項，變成作用控制項。
step1 選取控制項
step2 移動控制項
step3 調整控制項的大小
step4 刪除控制項
step5 復原
step6 取消復原
step7 選取多個控制項
2-4 控制項與屬性
 類別在物件導向程式設計中是非常重要的觀念。
 假設人類是一個類別，那麼張三、李四便是屬於該類別的
「物件」。
 透過每個人的身高、體重、出生日期、個性、特徵等相關
資料便可區分出張三和李四出來。
 將身高、體重、出生日期等特徵稱為「屬性」。
 工具箱的工具都是屬於類別，將工具拖曳到表單就變成
控制項或稱物件。
 控制項在建立時，系統會用預設的樣式來顯現。
 已建立的控制項可透過使用者的設定，來改變其屬性而
呈現不同的面貌
2.4.1 認識屬性視窗
性質分類
字母順序
2.4.2 設定控制項的屬性值
 表單或控制項都有為數不少的屬性，如要改變屬性的設定
值有「選取型」、「輸入型」、「交談型」三種方式。
方式1 使用「選取型」，將表單的背景色改成『黃色』
2.4.2 設定控制項的屬性值
 在表單沒有放置控制項的地方按一
下（即選取表單），此時屬性視窗
會呈現表單的屬性名稱及屬性值。
 移動滑鼠到屬性視窗的工具列，點
按字母順序圖示鈕，使得屬性名稱
按英文字母A~Z排序。
 拖曳垂直捲軸，直到屬性名稱清單
中出現BackColor背景色屬性名稱，
並點選該屬性名稱。
 在該屬性設定區右側的下拉鈕按一
下滑鼠左鍵，出現「系統」標籤頁
的顏色清單。
方式2
使用「輸入型」，將Label1標籤控制項上面的
顯示文字改成『屋寬不如心寬』。
方式3
使用「交談型」，設定標籤控制項的文字格
式
 有些控制項，直接點選控制項右上角的智慧標籤
來設定該控制項專屬且特有的常用屬性。
 可設定的屬性項目，在屬性視窗都有，在此設定
較快速，可省掉由屬性視窗找尋的時間。
step1 在表單內製作一個「圖片」控制項
2-5 控制項的智慧標籤
 表單上有些控制項，可直接點選控制項右上角所出現
智慧標籤(Smart Tag)單來設定該控制項專屬且特有的
常用屬性。
 在智慧標籤內可設定的屬性項目，在屬性視窗都有，
在此設定較快速，可省掉由屬性視窗找尋的時間。
2-6 新手上路
以一個簡單視窗應用程式，學習如何用VB 來設計
程式。
開發一個 VB 程式必須經過下列四個階段：
1. 新增專案：設定新專案的存放路徑和名稱。
2. 表單設計階段：在表單上建立輸入和輸出介面
和屬性設定。
3. 程式碼設計階段：設計相關的程式碼。
4. 專案偵錯階段：驗證程式執行是否正確。
2.6.1 新增專案
Step1 開啟「新增專案」對話方塊
Step2 新增專案
2.6.2 表單設計階段
表單設計階段是用來
- 設計程式的輸出入介面
- 調整各控制項的相關位置以及屬性的相關
初值設定。
本例在表單建立一個標籤控制項和兩個按
鈕控制項
步驟：
step1
Step3 調整大小
Step2 選取Label1控制項
Step4 設定背景色
Step6 清除Label1控制項上面的文字
Step7 將 Form1表單的標題欄文字更改為『電子鐘製作』
Step8 更改 Button1 和 Button2 控制項的Text屬性值
 『Button1』→『顯示日期時間』
 『Button2』→『顯示文字』
 調整按鈕控制項的大小與位置，使得控制項上面
的文字能完全顯現。
2.6.3 程式碼設計階段
 程式碼編寫是在「程式碼設計模式」下
 表單輸出入介面設計是在「表單設計模式」下
 兩者間切換方式：
方式1
方式2
在表單內的控制項上快按兩下進入該控控制項
的預設事件：
方式3
直接在「程式碼設計模式」下，由出現的清
單中
選取， 以撰寫 Button2_Click() 事件程序為例
Button2_Click 事件程序程式碼
方式4 由屬性視窗來設定事件程序
2.6.4 專案執行與偵錯
表單設計與程式碼設計初步完成，可進行程式執行
和
偵錯測試，觀看執行的結果是否符合輸出要求？
如發生錯誤，先停止程式執行，返回整合開發環境，
再切換到程式碼設計模式或表單設計模式繼續修改。
在進行程式執行和偵錯前，最好將修改過的程式先
透過
功能表【檔案(F)/全部儲存(L)】指令，將相關檔案
全部
儲存，但不必關閉專案，再進行程式除錯 (Debug)。
Step1 進行程式偵錯
在程式碼或表單設計模式下偵錯程式有三種方式：
 按標準工具列的開始偵錯圖示鈕。
 執行功能表【偵錯(D)/開始偵錯(S)】指令。
 按鍵盤的 [F5] 快捷鍵。
Step2 程式執行時
 按 [顯示日期時間] 鈕
 按 [顯示文字] 鈕
2.6.5 關閉專案
 結束程式偵錯，返回 整合開發環境，方式有三種：
 按程式執行視窗右上角的
關閉鈕。
 按整合開發環境標準工具列的
停止偵錯圖示鈕。
 執行整合開發環境功能表【偵錯(D)/停止偵錯(E)】
指令。
調整 Label1 控制項文字所顯示的字體大小為
12 和文字置中對齊：
 在表單上選取Label1控制項。
 在屬性視窗選取Font字型屬性，
將字體大小設成『12』。
 在屬性視窗點選TextAlign文字
對齊屬性名稱。
 如右圖點選中央置中對齊方式
 按[F5] ，觀看執行結果：