與程式使用者通訊：使用者介面
更新：2007 年 11 月
在本課程中，您將學習什麼是「使用者介面」(UI)、什麼是控制項，以及如何加入控制項至 UI。
在早期的個人電腦上，使用者主要是透過命令列與程式互動。程式會開始，然後暫停，以便接收使用者的輸入，之後再繼續執行。然而，現今您所使用的多數程式，都在一個或多個視窗中執行。這些視窗讓使用者能藉由鍵入、按鈕、從預設選單選取項目和其他等等，與程式進行通訊或是「互動」。在本課程和後續的課程中，您將學習如何自行建置 Windows 架構的 UI。
使用表單
表單是 UI 的基礎建構材料。程式中每個表單都代表一個出現在使用者眼前的視窗。在 Visual Basic IDE (整合式開發環境) 中工作時，表單是您用來設計應用程式 UI 的「設計工具」，跟您使用 [Windows 小畫家] 繪製圖片大致相同。
控制項是用在設計工具中，以便建立您的 UI 外觀。控制項是有預先定義外觀和行為的物件。例如，Button 控制項的外觀和行為就像一般按鈕，當使用者按下時，它的外觀會改變，顯示已壓下。
Visual Basic 中的每個控制項都有不同的用途。例如，TextBox 控制項用於輸入文字，PictureBox 控制項則是用於顯示圖片。Visual Basic 中一共包含了五十個以上不同的控制項；您也可以自行建立控制項，稱為「使用者控制項」。您將在稍後的課程中，更深入學習各種控制項。
當您在設計 UI 時，是從 [工具箱] 拖曳控制項、放置在表單上，然後加以定位並調整大小，以建立所要的外觀。您可以在 [屬性] 視窗中，設定表單的屬性和控制項，更進一步改變其外觀。例如，表單和大部分控制項都有 BackColor 屬性，可用來設定它們的背景顏色。
屬性也用來定義表單或控制項的行為。例如，表單的 ShowInTaskbar 屬性會決定當程式執行時，表單是否會出現在 Windows [工具列] 中。藉由使用屬性，您可以自訂 UI 的外觀和行為。
試試看！
若要變更表單的屬性
在 [檔案] 功能表上，按一下 [新增專案]。
在 [新增專案] 對話方塊中，按一下 [範本] 窗格中的 [Windows 應用程式]。
在 [名稱] 方塊中，輸入 FirstForm，再按 [確定]。
新的 Windows Form 專案隨即建立。新的表單會出現在主視窗中，而其屬性可以在 Visual Basic IDE 右下角的 [屬性] 視窗中看見。
按一下表單予以選取。
在 [屬性] 視窗中，將 Text 屬性變更為 "My First Form"，然後按下 ENTER 鍵。
表單頂端的文字會在您輸入新值後變更。
在 [屬性] 視窗中，從下拉式清單中選取顏色，將 BackColor 屬性變更為不同的顏色。
請注意，BackColor 屬性是透過特殊介面變更的。這個介面讓您能在選取以前先看到色彩，也讓您能在目前系統所使用的色彩、標準 Web 色彩，或是其他自訂色彩之間選擇。您也可以直接在 [屬性] 視窗的方塊中，輸入顏色的名稱 (例如 Red)。
實驗一下，變更表單的其他屬性。當您準備就緒時，再繼續進行下一個程序。
將控制項加入至表單
在本程序中，您將在 [工具箱] 視窗 (一般是在 Visual Basic IDE 的左手邊) 中選取控制項，然後將控制項拖曳到您的表單上，而將控制項加入至表單中。接著您將調整控制項的屬性。
若要將控制項加入至表單
依序自 [工具箱] 中將 Button 控制項、TextBox 控制項、Label 控制項以及 CheckBox 控制項拖曳至表單上。
選取 Button 控制項，並在表單上四處拖曳，以變更其位置。
請注意，當您拖曳到其他控制項附近時，導線就會出現。這些導線可以協助您為控制項精確定位。
在其他控制項上重複上述過程，直到顯示出您所要的 UI 外觀為止。
選取 Button 控制項，然後拖曳其右下角的縮放控點 (Sizing Handle)，以變更其大小。
花點時間實驗一下控制項屬性。按一下表單上的每一個控制項，加以選取，然後在 [屬性] 視窗中變更控制項的一些屬性。您可以嘗試變更的屬性包括：Font、BackColor、ForeColor 和 Text。如需詳細資訊，請參閱詳述：了解控制項配置。
請按 F5 執行應用程式。視窗隨即出現，其中含有您剛加入的控制項。請注意，您可以按一下按鈕、選取並清除核取方塊，然後在文字方塊中輸入。
後續步驟
在本課程中，您學會如何建立表單，並加入控制項至表單中。您也學會如何在 [屬性] 視窗中，變更表單和控制項的屬性。在下面幾個課程中，您將更深入仔細檢視其中一些控制項。
下一個課程：與使用者互動：使用按鈕