步骤 3:自定义外观和行为

更新:2007 年 11 月

在上一课中,您通过将控件添加到应用程序中创建了一个用户界面。但是,从外观和功能上来讲,它现在都不是一个已完成的应用程序。在本课中,您将通过使用“属性”窗口设置属性来控制控件的外观。

链接到视频有关视频演示,请参见 Video How to: Creating Your First Visual Basic Program(视频帮助:创建您的第一个 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 浏览器应用程序

    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 程序