步驟 3：自訂外觀和行為

更新：2007 年 11 月

在上一個課程中，您將控制項加入應用程式，建立了使用者介面。但是，現在它看起來既不像函式，也不像完成的應用程式。在本課程中，您將會使用 [屬性] 視窗設定「屬性」，以控制您控制項的外觀。

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

若要設定控制項的屬性

1. 選取 [表單設計工具] 中的 [Panel] 控制項。

   IDE 右下角的 [屬性] 視窗會顯示稱為 [Panel1] 之 Panel 控制項的所有屬性。

2. 在 [屬性] 視窗內，選取 Dock 屬性，然後按一下右邊的箭頭。有幾個方塊的小屬性選取視窗隨即顯示。

   秘訣
   [配置] 分類之下會有 Dock 屬性。您可以按一下 [屬性] 視窗中的 [AZ] 按鈕，依字母順序排序屬性。

3. 按一下屬性選取視窗中的頂端方塊，將 Dock 屬性設定為 Top。Panel 控制項便會展開，以填滿表單頂端。

4. 在 [屬性] 視窗中，按一下 Size 屬性旁邊的加號 (+) 將其展開。

   Width 和 Height 屬性便會在 [屬性] 視窗中出現。

5. 在 [屬性] 視窗中，請注意 Panel 控制項的 Height 屬性已設定為 100。請將這個屬性值變更為 50。

6. 選取 [表單設計工具] 中的 [WebBrowser] 控制項。在 [屬性] 視窗中，將其 Dock 屬性設定為 Fill，方法是選取 Dock 屬性、按一下右邊的箭頭，然後選取屬性選取視窗中的中央方塊。

7. 在 [表單設計工具] 中，選取 Button 控制項。

8. 在 [屬性] 視窗中，選取 Button 控制項的 Text 屬性。在右邊的資料行中，刪除 Button1 並以 Go! 取代。

9. 重新調整任一控制項的大小，或重新予以定位，然後根據您的喜好重新調整表單大小。例如，您可能想要增加 TextBox 控制項的長度，以便能夠顯示有效的 URL。下列圖例顯示 Web 瀏覽器應用程式可能顯示的外觀。

   Web 瀏覽器應用程式

   

   注意事項：
   TextBox 和 Button 控制項都必須保持在 Panel 的頂端，否則在您執行應用程式時，將無法看到這兩個控制項。

詳述

在本課程中，您設定了幾個「屬性」，變更了應用程式中控制項的外觀。Visual Basic 中的屬性 (Property) 代表物件的屬性 (Attribute)，在本範例中，就是控制項。例如，[Button] 控制項的其中一個屬性就是所顯示的文字。在本範例中，您將 [Text] 屬性設定為顯示 [Go!]。若要進一步了解屬性，請參閱詳述：了解屬性、方法和事件。

除了文字以外，屬性還可以有許多不同類型的值。例如，Dock 屬性會使用屬性選取視窗，顯示可用的選項。其他屬性值可能是數字、可以從清單選取的選項，或是 true 或 false 選項。

如果您重新調整控制項大小或重新定位控制項，也就重新設定了屬性。Size 和 Location 屬性會決定控制項在表單上的大小和位置。若要了解實際作業的情形，請在 [屬性] 視窗中選取 Size 屬性，然後使用滑鼠重新調整控制項的大小。當您放開滑鼠時，新的 Size 值就會顯示在 [屬性] 視窗中。若需控制項配置的詳細資訊，請參閱詳述：了解控制項配置。

除了在 [屬性] 視窗中設定屬性以外，大部分屬性都可以透過撰寫程式碼加以設定。在後續的課程中，您將學習如何撰寫程式碼以設定屬性。

後續步驟

現在您的使用者介面已經完成！您只需要加入指令 (也稱為「程式碼」)，指出您要程式運作的方式即可。在下一個課程中，您將在程式中加入一行程式碼。

下一個課程：步驟 4：加入 Visual Basic 程式碼

請參閱

工作

步驟 1：在 Visual Basic 中建立專案

步驟 2：建立使用者介面

概念

詳述：了解屬性、方法和事件

其他資源

建立第一個 Visual Basic 程式