步骤 3:自定义外观和行为
更新:2007 年 11 月
在上一课中,您通过将控件添加到应用程序中创建了一个用户界面。但是,从外观和功能上来讲,它现在都不是一个已完成的应用程序。在本课中,您将通过使用“属性”窗口设置属性来控制控件的外观。
有关视频演示,请参见 Video How to: Creating Your First Visual Basic Program(视频帮助:创建您的第一个 Visual Basic 程序)。
设置控件的属性
在“窗体设计器”中选择“Panel”控件。
位于 IDE 右下角的“属性”窗口显示名为“Panel1”的 Panel 控件的所有属性。
在“属性”窗口中选择 Dock 属性,然后单击右边的箭头。一个小的、带有若干个框的属性选择窗口随即显示出来。
提示: 在“布局”类别下可以找到 Dock 属性。单击“属性”窗口中的“AZ”按钮可以按字母顺序对属性进行排序。
单击属性选择窗口顶部的框,将 Dock 属性设置为 Top。Panel 控件将会展开以填充窗体的顶部。
在“属性”窗口中,单击 Size 属性旁的加号 (+) 以将其展开。
在“属性”窗口中,Width 和 Height 属性将变得可见。
在“属性”窗口中,注意到 Panel 控件的 Height 属性已设置为 100。将此属性值更改为 50。
在“窗体设计器”中选择“WebBrowser”控件。在“属性”窗口中,通过如下方法将其 Dock 属性设置为 Fill:选择 Dock 属性,单击右边的箭头,然后选择属性选择窗口中间的框。
在“窗体设计器”中选择 Button 控件。
在“属性”窗口中,选择 Button 控件的 Text 属性。在右侧的列中,删除 Button1 并用 Go! 替换它。
按照您的喜好调整任一控件的大小和位置,以及调整窗体的大小。例如,可能希望增加 TextBox 控件的长度,以使其长度足够显示有效的 URL。下图演示了 Web 浏览器应用程序可能的外观示例。
Web 浏览器应用程序
说明: TextBox 和 Button 控件必须位于 Panel 的上部,否则在运行应用程序的时候将无法看到它们。
详细了解
在本课中,您设置了若干“属性”来更改应用程序的控件外观。Visual Basic 中的属性 (Property) 表示对象(在本例中为一个控件)的属性 (Attribute)。例如,“Button”控件的一个属性是它所显示的文本。在本例中,将“Text”属性设置为显示“Go!”。若要了解关于属性的更多信息,请参见详细了解:了解属性、方法和事件。
除了文本外,属性还可以接受许多不同类型的值。例如,Dock 属性使用属性选择窗口来显示可用的选项。其他属性值可能是数字、从列表中选择的选项、true 或 false 选项。
如果调整了一个控件的大小和位置,您也就设置了属性。Size 和 Location 属性决定了窗体中控件的大小和位置。若要查看属性的效果,请选择“属性”窗口中的 Size 属性并使用鼠标调整控件的大小。当您释放鼠标时,“属性”窗口中会显示新的 Size 值。若要了解有关控件布局的更多信息,请参见详细了解:了解控件布局。
除了可以在“属性”窗口中设置属性外,还可以通过编写代码设置大多数属性。在下一课中,您将学习更多有关如何编写代码以设置属性的信息。
后续步骤
您的用户界面现在已经完成!您所要做的只是添加您希望程序如何运行的相应指令(也称为“代码”)。在下一课中,您将向程序中添加一行代码。