整合开发环境介绍

6.4.5 如何將視窗疊在一起或分開
6.4.6 如何使用動態說明

VB 提供一個親和力很高的說明文件，讓您在製作表單 或編輯程式碼時，碰到問題時能很快地獲得求助。 譬如：在製作表單時，若碰到欲觀看 Label1 控制項的 相關說明時，先執行功能表的【說明(H)/動態說明(H)】 命令，打開「動態說明」對話方塊，接著選取 Label1 控制項，便可如下圖看到有關 Label 控制項一系列說明：

表單(Form)即視窗 - 是設計程式時用來製作使用者輸出入介面的基本物件。 -主要用來接收所鍵入資料或提供資訊給使用者觀看。 - 使用者和電腦溝通的主要工具。
表單大都以矩形方式出現，如標準的視窗、對話方塊、 多重文件視窗等都是表單的一種。


輸出入介面的建立是將表單當做一個容器，透過工具箱 所提供的工具在表單上面建立需要的控制項 (Control) 或 稱物件 (Object)。 因程式需求允許兩個以上表單同時出現，除輪流顯示 ，也可相互重疊。
IDE下編寫VB程式都會產生一個方案 方案是一個容器，它可包含多個開啟、關閉和儲 存在一起專案的集合。 方案中的每個專案也是一個容器通常含有多個檔案 或項目。包含在專案內的元件成員會依據建立它們 所使用的開發語言而有所不同。 方案成員包括：參考、資料連接、資料夾和檔案等。 為方便管理「方案」內的專案，VB 提供「方案總管」 來管理各種和程式相關的檔案。 方案總管除提供專案及其檔案的組織條列式檢視外， 也能直接存取其中的命令，也可用來維護方案或專案 外的檔案。
開啟「方案總管」視窗有兩種方式：
1.執行功能表的【檢視(V)/方案總管(P)】指令。 2.選取「標準」工具列的 方案總管圖示。
下圖為方案總管視窗：

方案總管標題欄正下方有 命令圖示按鈕：
工具列
6.4.3 屬性視窗
6.4.4 程式碼窗格

「程式碼」窗格是用來顯示及編修程式碼的地方， 每一個表單檔都有一個對應程式碼視窗。
四. 標準工具列



工具列左邊界都有一個裁接記號，在該處壓滑鼠左鍵往下拖曳 成為浮動工具列，此時寬、高度皆可調整且可移到螢幕任何位置。 欲使浮動工具列變成緊接在功能表列下方，在該工具列視窗標題 欄上面快按二下即可。 在功能表的正下方若無此工具列，執行功能表【檢視(V)/工具列(T) /標準】指令，開啟標準工具列。

傳統 Console 模式撰寫程式，在程式編輯階段得費時 撰寫輸入介面的程式碼，執行階段方能看到輸出入介面 的結果是否正確？若輸出入格式不符合需求，又得再回 編輯階段修改一直到符合需求為止。
6.2 物件導向觀念介紹

物件導向程設計就是以真實世界的狀態，以接近電腦世界 的方式表現出來。 每個物件都擁有自己的屬性、方法、事件。 何謂物件(Object) - 真實世界任何具體或抽象的東西都可視為一個物件。 - 如一本書、一條狗、一部車子都可視為一個物件。 - 小物件可再組成一個大物件。如車子是一個大物件， 是由四個輪子、四個車門、方向盤…等其他小物件組成。 - 電腦硬體是由一個大物件由主機板、cpu、記憶體、晶片 電源變壓器等物件所構成。 - 視窗是由一個按鈕、文字方塊、功能表選項、視窗… 等物件構成。
五. 工具箱

位於 IDE 畫面的最左邊。 主要用來存放在 Windows Form 下用來建立 輸出入介面的工具。 工具箱的操作有下列兩種方式： 1. 彈跳式 2. 固定式

工具箱總共提供了四十六個工具
6.4.2 方案總管(Solution Explorer)


Step2 在 btnOK <確定> 鈕 上按一下，lblShow標籤即顯示txtName 姓名加上Hello，且lblShow的背景色會設為黃色，其程式碼撰 寫如下：
【程式碼】 FileName:WinHello.sln 01 Public Class Form1 02 ‘ Form1表單載入時執行Form1_Load 03 Private Sub Form1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 04 lblShow.Text = "" 05 End Sub 06 ‘ 按<確定> 鈕會執行btnOk_Click 07 Private Sub btnOk_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnOk.Click 08 lblShow.Text = " Hello, " & txtName.Text 09 lblShow.BackColor = Color.Yellow 10 End Sub 11 ‘ 按<清除> 鈕會執行btnCls_Click 12 Private Sub btnCls_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnCls.Click 13 txtName.Text = "" 14 lblShow.Text = "" 15 End Sub 16 ‘ 按<結束> 鈕會執行btnEnd_Click 17 Private Sub btnEnd_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnEnd.Click 18 End 19 End Sub 20 21 End Class
類別名稱清單請選擇「(Form1事件)」 方法名稱清單選擇「Load」事件 在程式碼窗格中加入 Form1_Load() 事件程序
方法3 透過屬性視窗事件項目選取要撰寫控制項的事件程序： 開啟屬性視窗並選取Form1表單，如下圖接著按下屬性 視窗的 事件檢視鈕切換到事件設定畫面，並在 Load 事件快按滑鼠左鍵兩下，此時會進入到 Form1_Load 事件 程序內。


6.3 第一個 Windwos應用程式
撰寫 VB 視窗應用程式，採下列四個步驟：


Step1 設計表單輸出入介面
Step2 設定各控制項(物件)的屬性
Step3 撰寫程式碼
Step4 除錯

按照上面四個步驟設計一個 Hello 應用程式，在表單 上透過工具箱的標籤(Label) 工具、文字方塊(TextBox) 工具和按鈕(Button)工具，建立下面輸出入介面
6.4 認識VB 2008的整合開發環境
6.4.1 VB 2008整合開發環境介紹
一. 標題欄
二. 功能表列
三. 工具列



位在功能表下方，是將功能表中常用的指令以圖示表示， 在該圖示按一下，如同在功能表中選取該指令，可省兩次 按鍵時間。 VB 2008 提供多組工具列，這些工具列可透過功能表的 【檢視(V)/工具列(T)】指令來開啟或關閉。 若不知工具列上某工具名稱，可移動滑鼠到該工具圖示上 出現該圖示鈕的圖示名稱。
2. 屬性(Property)
- 屬性是用來表示一個物件所擁有的外觀、狀態或特質。 - 如小明(物件)的身高(屬性)是170公分(屬性值)， - 如小華的衣服(物件)的顏色(屬性)是紅色的(屬性值)。 - 以下圖說明 鈕是物件 按鈕上文字顏色(ForeColor屬性)是紅色(屬性值) 按鈕上的文字(Text屬性)是M+(屬性值)。
‘ 使用 ary 物件的 Count 屬性取得陣列總數目並指定給整數 n int n = ary.Count
4. 事件(Event)

當某個物件接收訊息而產生一種反應，此種反應即 稱為事件。 例如：在按鈕上按下滑鼠鍵，按鈕接收到按下的訊息 而發生按下的事件，接著即會執行按鈕的 Click 事件程序， 因此您可以將處理按鈕被按下的相關程式碼撰寫 在按鈕的 Click 事件程序內，事件程序是以 Sub 表示。 在 VB 中不同的物件可執行不同的事件程序。
開啟「程式碼視窗」的方式有下列四種：
方式1 執行功能表的【檢視(V)/程式碼(C)】指令或按 [F7] 鍵。 方式2 按「方案總管」視窗的 檢視程式碼鈕。 方式3 在表單的某個控制項上按滑鼠右鍵，由快顯功能表選取 「檢視程式碼」指令。 方式4 在表單的某個控制項上快按兩下，即可打開該控制項的 「程式碼」視窗，編輯該事件程序程式碼。


主控台應用程式模式 可用一行行命令來設計 Windows 表單的輸出入介面，對 初學者不易學習。
Windows 應用程式模式下

- 在整合開發環境(IDE)，利用工具箱提供工具，不用寫 程式便輕易製作所要輸出入介面 - 專注編寫程式流程的核心，省時且易維護。 - 符合所看即所得(What you see is what you get) 的精神。
6.5.2 如何選取控制項

若表單中某個控制項四週出現八個小白框或左上角有 一個小白框，表示該控制項己被選取為作用控制項， 關於選取某個控制項有下列三種方式： 移動滑鼠到表單某個控制項上按一下滑鼠左鍵選取。
按 [Tab] 鍵由目前作用控制項依序按照建立的順序 切換(含表單)。
3. 方法 (Method) 用來表示一個物件所表現的行為(動作) 。 如：人(物件)會跑步(方法)，鳥(物件)會飛(方法)。 物件與物件之間可以透過方法來達到互動。 如車子(物件)撞到(方法)小明(物件)。 以 VB 程式設計來表示物件、屬性及方法
‘ 建立 ArrayList 型別的ary物件 Dim ary As New ArrayList() ‘ 使用 ary 物件的 Add 方法將 ”小明” 放入陣列 ary.Add (“小明”)
在 Form1_Load 事件程序中撰寫 「lblShow.」，此時會出現清 單讓您選擇要使用的 lblShow 屬性或方法，接著請將程式 碼撰寫為 lblShow.Text=””。
方法2 透過類別名稱及方法名稱清單來選取要撰寫控制 項的事件程序 執行功能表【檢視(V)/程式碼(C)】指令進入 程式碼編輯窗格。 類別名稱清單 方法名稱(事件程序)清單。
(FileName: WinHello.sln)：
一. 設計表單輸出入介面
Step 4 建立標籤控制項
二. 設計各控制項的屬性
三. 撰寫程式碼
三個方法其中之一來撰寫Form1_Load事件程序：
方法1
選取某控制項並快按滑鼠左鍵兩下進入預設的事件程序
在表單空白處快按滑鼠左鍵兩下，即會進入到表單的 Form1_Load事件，表單Load事件程序中的程式碼會 在表單載入時立即執行。
第六章
整合開發環境介紹
本投影片僅供上課使用，非經同意，請勿散播或轉載。
6.1 Windwos 應用程式專案

Windows Form 是以 .NET Framework 為基礎的一個新平台，



主要用來開發視窗應用程式。 由於它提供一個具有物件導向且可延伸的 Class Library 能迅速開發出各種視窗應用程式 它還可作為多層分散式方案(Multi-Tier Distributiond Solution) 中本機使用者的介面。 Windows Form 是一個物件導向的類別庫，當新增一個 表單到專案時，便直接繼承 System.Windows.Forms.Form 的原始類別，也可由先前已設計好的表單繼承，再新增 或修改自己需要的功能。

6.5 控制項的操作
6.5.1 建立控制項
在表單上建立控制項有兩種方式：
方式1 在工具上按一下並在表單上拖曳出控制項的大小。 方式2 在工具上快按兩下。

பைடு நூலகம்
方式1 在工具上按一下並在表單上拖曳出控制項的大小。
方式 2 在工具上快按兩下

譬如在工具箱的 按鈕工具上快按兩下，此時 電腦自動在表單的左上角出現 Button 控制項，此時 再透過滑鼠拖曳Button1 (預設 Name 為 Button1) 控制 項到表單的適當的位置，並調整其大小。