第3部分VisualBasic2008Express使用

結束
3-2 設計視窗的基本操作
3-2-1 開啟和關閉設計視窗 3-2-2 浮動設計視窗 3-2-3 停駐設計視窗 3-2-4 自動隱藏設計視窗
結束
3-2 設計視窗的基本操作-說明
VBE的設計視窗包含「方案總管」、「屬性」、 「工具箱」和「資料庫總管」視窗等，使用者 可以自行指定這些設計視窗的顯示狀態，以方 便進行Visual Basic應用程式開發。
結束
3-1-2 設計模式的使用介面-方案總管視窗
VBE「方案總管」視窗是方案和專案檔案和資料夾 的管理視窗，可以顯示目前開啟專案檔案和資料夾 清單，如下所示：
方案（Solution）：方案簡單而言為專案容器，內含 一到多個專案，使用.sln儲存方案定義，可建立多專 案的大型應用程式或元件，特別適用在小組 （Teamwork）之應用程式開發環境。
結束
3-2-4 自動隱藏設計視窗-圖例
按一下展開
結束
3-3 使用表單設計工具
3-3-1 在表單新增控制項 3-3-2 控制項對齊
結束
3-3-1 在表單新增控制項-說明
VBE專案建立Windows應用程式之圖形使用介面， 就是使用表單設計工具之視覺化設計工具，直接拖 拉來建立Windows應用程式的使用介面。
第3章
Visual Basic 2008 Express 使用
結束
Contents
3-1 VBE 使用介面說明 3-2 設計視窗基本操作 3-3 使用表單設計工具 3-4 屬性視窗 3-5 程式碼編輯器的使用 3-6 方案總管視窗
結束
3-1 VBE使用介面說明
3-1-1 起始頁 3-1-2 設計模式使用介面 3-1-3 執行模式使用介面
在 主 視 窗 功 能 表 的 下 方 是 主 工 具 列 （ Main Toolbar），提供與功能表列相同功能的圖示按鈕， 預設顯示標準工具列，提供開啟、儲存檔案、剪貼 簿、執行和切換顯示各程視窗等功能按鈕。
結束
3-1-3 執行模式的使用介面
當VBE執行或偵錯Visual Basic應用程式時，VBE就會進入 執行模式。此時除了執行應用程式外，在VBE同時會顯示 與偵錯相關的其他視窗，如下圖所示：
結束
3-2 設計視窗的基本操作-主要狀態
設計視窗主要狀態說明，如下所示：
關閉（Closed）：不顯示設計視窗，視窗是關閉狀 態。
浮動（Floating）：視窗是浮動在VBE整合開發環境 的視窗之上。
可停駐（Docked）：設計視窗是附在VBE四周邊框 上，例如：「方案總管」和「屬性」視窗預設是停 駐在視窗右邊的邊框上。
選【浮動】指令
結束
3-2-3 停駐設計視窗-1
VBE設計視窗預設是停駐 在上、下、左和右四周邊 框可停駐狀態，可以更改 設計視窗的停駐位置，或 將浮動狀態的設計視窗改 為可停駐狀態。
請注意！設計視窗需要處 於浮動狀態，才可以更改 狀態成為預設的可停駐狀 態。
結束
3-2-3 停駐設計視窗-2
將設計視窗改為可停駐狀態後，拖拉浮動視窗可以在VBE 邊框四周和「方案總管」視窗中間看到四個小方框，這是 設計視窗可停駐位置指示，如下圖所示：
結束
3-2-1 開啟和關閉設計視窗-開啟設計視窗
若啟動VBE時為看到所需設計視窗，請執行 「檢視」功能表的同名指令來開啟設計視窗， 如下表所示：
結束
3-2-2 浮動設計視窗
VBE 設 計 視 窗 如 果 為 浮 動 狀 態 ， 表 示 設 計 視 窗 是 漂 浮 在 VBE工作區域的上方，如同一個獨立視窗，可以使用滑鼠 拖拉視窗至Windows作業系統桌面上的任何位置。
對於表單編輯區域已存在控制項，可在控制項上， 執行右鍵快顯功能表【複製】指令，然後使用 【貼上】指令新增控制項。
結束
3-3-2 控制項對齊-水平對齊1
控制項快照線可水平對齊2個控制項，或以文字內容底部為 基準來進行水平對齊。例如：水平對齊2個Button控制項， 首先移動Button1控制項至定位後，接著移動Button2控制項 （這兩個控制項尺寸不同）到達水平對齊位置時，可看到 藍色快照線，如下圖所示：
結束
3-2-4 自動隱藏設計視窗-說明
設計視窗能在不使用時，自動隱藏視窗成為垂直標 籤，其主要目的是為了避免設計視窗佔用太多VBE 工作區域，可以增加編輯索引標籤頁的可用編輯區 域。 在「方案總管」視窗標題列，選右上角第1個向下 箭頭鈕，可以看到下拉式選單，選【自動隱藏】指 令，可以將「方案總管」視窗改為自動隱藏狀態。
以Windows應用程式而言，預設開啟表單設計工具， 這是一個隨看即所得的視覺化表單設計工具，使用 者可用拖拉方式來輕鬆建立視窗應用程式的圖形使 用介面。
主控台應用程式或在控制項按二下，可以開啟程式 碼編輯器，這是Visual Basic程式碼編輯工具，可以 輸入Visual Basic程式碼主程式或事件處理程序。
結束
3-1-1 起始頁-圖例
在VBE的起始頁包含數個窗格，可以新增或開啟專 案和顯示最近曾開啟的專案清單、使用者入門、頭 條新聞和MSDN最新資訊，如下圖所示：
結束
3-1-1 起始頁-說明
最近使用專案：顯示最近曾開啟專案清單，每一個 專案名稱都是一個超連接，按一下專案名稱，就可 以快速開啟指定的Visual Basic專案。 使用者入門：Visual Basic語言學習線上教學文件和 討論園地。 Visual Basic Express頭條新聞：當讀者電腦連線 Internet時，可以顯示VBE最新公告和開發訊息。 MSDN台灣網站最新資訊：當讀者電腦連線Internet 時，顯示微軟MSDN網站最新訊息。
專 案 （ Project ） ： 專 案 資 訊 是 儲 存 在 副 檔 名 為 .vbproj的檔案，在專案檔案記錄建立應用程式所 需檔案、資料夾和編譯等相關資訊，可以建立執行 檔 （ .exe ） 、 動 態 連 結 程 式 庫 （ .dll ） 或 模 組 （Modules）等。
結束
3-1-2 設計模式的使用介面-屬性視窗
結束
3-4-1 屬性視窗的說明-1
物件清單 「屬性」視窗上方是一個下拉式清單，可顯示目前 表單上所有新增控制項物件，如下圖所示：
結束
3-4-1 屬性視窗的說明-2
工具按鈕 物件清單下方是一排工具按鈕，可指定屬性清單排 列方式、切換顯示控制項的屬性或事件清單和顯示 屬性頁，如下圖所示：
排列方式
事 件
3-1-2 設計模式的使用介面-功能表列
在VBE上方為功能表列，功能表列會依不同狀況自 動提供所需的選單。 例如：沒有開啟專案時只有檔案、編輯、檢視、工 具、視窗和說明；開啟專案會新增專案、建置、偵 錯和資料的選單；開啟表單設計視窗，還可以看到 格式選單。
結束
3-1-2 設計模式的使用介面-主工具列
在「屬性」視窗可以檢視控制項等物件的相關屬性， 在上方欄位顯示選取物件；下方可以顯示此物件的 屬性清單。
結束
3-1-2 設計模式的使用介面-工具箱視窗
在VBE左邊的「工具箱」視窗提供表單設計工具所 需控制項、元件和資料等。按一下最左邊【工具箱】 垂直標籤，可以開啟「工具箱」視窗，如下圖所示：
結束
說明「屬性」視窗後，就可以選取控制項物件來設 定其屬性值，VBE共有三種方法來設定屬性值，如 下所示：
直接輸入屬性值。 使用下拉式清單來選擇。 按下欄位後的按鈕（這是一個小按鈕，中間有三個
點），可以顯示進一步屬性設定的對話方塊。
結束
3-4-3 設定色彩屬性值-直接輸入色彩的屬性值
Visual Basic色彩值是以RGB三原色的3個值指定色 彩，3個值依序是紅、綠和藍三原色比例值，其範 圍是0~255，例如：0,0,0代表黑色、0,255,0代表檸 檬綠、255,0,0代表紅色和255,255,255代表白色，如 下圖所示：
結束
3-1-2 設計模式的使用介面-圖例
在啟動VBE且新增或開啟專案後，VBE整合開發環境就進 入設計模式，可以看到VBE專案開發的使用介面，如下圖 所示：
結束
3-1-2 設計模式的使用介面-編輯索引標籤頁
VBE開發環境最主要部分是中間編輯索引標籤頁， 以標籤頁方式來顯示編輯工具，主要是指表單設計 工具和程式碼編輯器標籤頁。
結束
3-5-2 在編輯器輸入程式碼-說明
在VBE程式碼編輯器輸入Visual Basic程式碼後，程 式碼會自動縮排和以不同色彩來標示程式敘述。如 果有修改，在上方檔案名稱標籤後會顯示星號，表 示尚未儲存，如下圖所示：
結束
3-5-2 在編輯器輸入程式碼-說明
在Visual Basic程式碼編輯視窗輸入文字內容時，鍵 盤主要編輯按鍵說明，如下表所示：
3-4-3 設定色彩屬性值-使用下拉式清單來選
結束
擇色彩
在「屬性」視窗色彩屬 性，可以使用下拉式清 單來選擇色彩，如右圖 所示：
3-4-3 設定色彩屬性值-使用對話方塊來
結束
選擇色彩
在下拉式清單的【自訂】標籤可以讓使用者自訂色 彩，預設是一些調色盤的常用色彩（這些色彩會因 使用者系統顯示卡的設定而有所不同），如下圖所 示：
結束
3-4-1 屬性視窗的說明-3
屬性清單 「屬性」視窗中間部分是以分類或字母順序排列的 屬性清單，其左邊欄位是屬性名稱；右邊欄位是屬 性值，如下圖所示：
結束
3-4-1 屬性視窗的說明-4
屬性說明 屬性視窗的最下方是屬性說明，當在中間選取屬性 後，在下方就會顯示此屬性簡單說明文字。
結束
3-4-2 設定屬性值
結束
3-5 程式碼編輯器的使用
3-5-1 開啟程式碼編輯器 3-5-2 在編輯器輸入程式碼 3-5-3 IntelliSense智慧程式碼輸入
結束
3-5-1 開啟程式碼編輯器
程式碼編輯器上方索引標籤並沒有【設計】字樣， 在表單設計工具執行「檢視」→「程式碼」指令或 按F7鍵，可看到程式碼編輯器，如下圖所示：
結束
3-3-2 控制項對齊-水平對齊2
對於不同種類或尺寸控制項，可能需要以文字內容 底 部 為 基 準 進 行 水 平 對 齊 。 例 如 ： 對 齊 Label 和 Button控制項，此時快照線是粉紅色，如下圖所示：
結束
3-3-2 控制項對齊-垂直對齊1
控制項快照線也可幫助進行垂直對齊多個控制項。 例 如 ： 垂 直 對 齊 2 個 Label 標 籤 控 制 項 ， 首 先 將 Label1移至定位，如下圖所示：
結束
3-3-2 控制項對齊-垂直對齊2
對於不同控制項，因尺寸不同，所以只能選擇垂直 對齊左邊或右邊，如下圖所示：
結束
3-4 屬性視窗
3-4-1 屬性視窗說明 3-4-2 設定屬性值 3-4-3 設定色彩屬性值
結束
3-4-1 屬性視窗的說明-圖例
「屬性」視窗可顯示 表單或控制項物件的 屬性清單，用以建立 圖形使用介面時修改 相關屬性值，如果沒 有看到「屬性」視窗， 請執行「檢視」→ 「屬性視窗」指令來 顯示此視窗，如右圖 所示：
結束
3-3-1 在表單新增控制項-新增方法
在「工具箱」視窗選取控制項後，接著在表單編 輯區域插入位置按一下滑鼠左鍵，即可新增控制 項。
在「工具箱」視窗按二下欲新增控制項後，就可 在表單編輯區域左上角新增控制項。若表單已經 有控制項，此時會新增至最後一個新增控制項旁 邊。
直接從「工具箱」視窗拖拉控制項至表單編輯區 域後，在插入位置放開左鍵可新增控制項。
自動隱藏（Automatically Hidden）：設計視窗是屬 於可停駐狀態，且自動隱藏視窗成為垂直標籤，需 要按一下標籤才會顯示視窗，例如：「工具箱」視 窗。
結束
3-2-1 開啟和關閉設計視窗-關閉設計視窗
對於開啟設計視窗，可以將它設定成關閉狀態，例 如：按一下「方案總管」視窗右上角的【X】鈕， 就可關閉設計視窗，如下圖所示：
鍵盤按鍵 Ins
Caps Lock Del
Backspace Enter
說明 切換插入字元或是取代字元
切換英文字母的大小寫 刪除後面的一個字元 刪除前面的一個字元 新增一列程式碼
3-5-3 IntelliSense智慧程式碼輸入-顯示
結束
物件屬性或方法清單
在程式碼編輯器輸入物件時，IntelliSense可以顯示 其屬性、方法和列舉常數清單。例如：在 Button1_Click()事件處理程序輸入Button1控制項物 件的程式碼，如下圖所示：