步驟 2：建立使用者介面

發行項
08/21/2008

更新：2007 年 11 月

現在該開始建置 Web 瀏覽器了。您會從 [工具箱] 將「控制項] 加入表單，以便使用 Visual Basic Express 版建置「使用者介面」(User Interface) (使用者與其互動的可見部分)。

[工具箱] 位在 Visual Studio 的左邊，是由幾個索引標籤組成，例如 [資料]、[元件] 和 [所有 Windows Form]。在各個索引標籤之中有一組項目，表示可以加入至應用程式的控制項或元件。例如，[所有 Windows Form] 索引標籤有名為 [TextBox]、[Button] 和 [CheckBox] 的項目，表示您可以拖曳到表單上，藉以加入至應用程式的控制項。請勿擔心控制項的大小，您將在下一個課程中學會如何自訂應用程式的外觀。

視訊的連結如需觀看示範影片，請參閱影片 HOW TO：建立第一個 Visual Basic 程式 (英文)。

若要將控制項加入應用程式中

請按一下 [工具箱] 面板。

[工具箱] 會開啟。

注意事項：

如果讓視窗保持開啟，[工具箱] 會更容易使用。只要按一下看起來像圖釘的 [自動隱藏] 圖示即可。
按一下 [工具箱] 的 [所有 Windows Form] 索引標籤，然後將 [Panel] 控制項拖曳到表單左上角。

注意事項：

如果找不到正確的控制項，請以滑鼠右鍵按一下 [工具箱]，然後選取 [依字母順序排序項目]。
從同一個索引標籤中將 [TextBox] 控制項拖曳到 [Panel] 頂端。

注意事項：

您可以使用拖放作業，重新放置控制項。也可以按一下控制項邊緣或各角並加以拖曳，藉以重新調整控制項大小。
從同一個索引標籤中將 [Button] 控制項拖曳到 [Panel] 頂端、[TextBox] 控制項的右方。
最後，從 [所有 Windows Form] 索引標籤，選取 [WebBrowser] 控制項，並放置在 [Panel] 下面。

注意事項：

如果 [WebBrowser] 控制項與表單的大小不符，您可以拖曳表單的邊緣或角落重新調整表單大小。

注意事項：

如果繼續讓 [工具箱] 視窗保持開啟，您可能會想要立即關閉該視窗，以獲得更多工作空間。只要再按一下 [自動隱藏] 圖示即可。

注意事項：
如果讓視窗保持開啟，[工具箱] 會更容易使用。只要按一下看起來像圖釘的 [自動隱藏] 圖示即可。

注意事項：
如果找不到正確的控制項，請以滑鼠右鍵按一下 [工具箱]，然後選取 [依字母順序排序項目]。

注意事項：
您可以使用拖放作業，重新放置控制項。也可以按一下控制項邊緣或各角並加以拖曳，藉以重新調整控制項大小。

注意事項：
如果 [WebBrowser] 控制項與表單的大小不符，您可以拖曳表單的邊緣或角落重新調整表單大小。

注意事項：
如果繼續讓 [工具箱] 視窗保持開啟，您可能會想要立即關閉該視窗，以獲得更多工作空間。只要再按一下 [自動隱藏] 圖示即可。

詳述

您剛加入四個控制項至表單。這些控制項中包含程式碼，可定義控制項的外觀以及所能執行的工作。

以 [Button] 控制項為例，多數程式都有 [確定] 按鈕或 [結束] 按鈕。雖然您可以自行撰寫程式碼，在螢幕上繪製按鈕、在按下按鈕時變更其外觀，並在按一下按鈕時執行一些工作，可是如果對每個程式都這樣做，很快就會變得極其繁瑣。[Button] 控制項已經包含進行這些工作所需的程式碼。這樣能讓您省掉許多不必要的工作。

您可以看到 [工具箱] 包含許多控制項，每個控制項都有獨一無二的目的。[Panel] 控制項可用來容納其他控制項，例如您剛才所加入的那些控制項。[Button] 控制項一般是用來在使用者按一下時執行工作，例如，關閉程式。[TextBox] 控制項是用來透過鍵盤，在螢幕上輸入文字。[WebBrowser] 控制項提供與 Internet Explorer 相似的內建 Web 瀏覽功能，而您絕對不會想要撰寫這些功能的所有程式碼！

在接下來的課程中，您將會學習如何自訂這些和其他多種控制項的外觀，以及如何撰寫定義這些控制項行為的程式碼。除了使用 [工具箱] 控制項以外，您也可以自行建立稱為「使用者控制項」的控制項，這些控制項都會在後面的課程中逐一探討。