步骤 2:创建用户界面

更新:2007 年 11 月

现在是开始生成 Web 浏览器的时候了。您将使用 Visual Basic 速成版,通过从“工具箱”向窗体中添加各种控件来生成用户界面(用户与之交互的可见部分)。

“工具箱”位于 Visual Studio 的左侧,由若干个选项卡(如“数据”、“组件”和“所有 Windows 窗体”)组成。每个选项卡内是一系列条目,表示可以添加到应用程序中的控件或组件。例如,“所有 Windows 窗体”选项卡具有名为“Textbox”、“Button”和“Checkbox”的项,这些项表示一些控件,您可以通过将这些项拖到窗体上来将它们添加到应用程序中。不必太担心控件的大小;您将在下一个课中学习如何自定义应用程序的外观。

链接到视频有关视频演示,请参见 Video How to: Creating Your First Visual Basic Program(视频帮助:创建您的第一个 Visual Basic 程序)。

向应用程序添加控件

  1. 单击“工具箱”面板。

    将打开“工具箱”。

    说明:

    如果将“工具箱”窗口保持为打开状态,它将更容易使用。单击看上去像一枚图钉的“自动隐藏”图标可以使窗口保持打开状态。

  2. 单击“工具箱”的“所有 Windows 窗体”选项卡,然后将一个“Panel”控件拖到窗体的左上角。

    说明:

    如果不容易找到正确的控件,请右击“工具箱”,然后选择“按字母顺序排序”。

  3. 从同一选项卡中,拖动“TextBox”控件并将它置于“Panel”之上。

    说明:

    可以使用拖放操作重新放置控件。也可以通过单击并拖动控件的边或角来调整控件的大小。

  4. 从同一选项卡中,拖动“Button”控件并将它置于“TextBox”控件的右侧的“Panel”之上。

  5. 最后,从“所有 Windows 窗体”选项卡中,选择“WebBrowser”控件并将它置于“Panel”的下方。

    说明:

    如果“WebBrowser”控件不适合窗体大小,则可以通过拖动窗体的边缘或角调整此窗体的大小。

    说明:

    如果“工具箱”窗口保持打开状态,此时可能需要关闭它以腾出更多的工作空间。可以通过再次单击“自动隐藏”图标达到这个目的。

详细了解

您刚才向窗体中添加了四个控件。控件包含用于定义其外观和可执行任务的代码。

以“Button”控件为例,大多数程序都有“确定”按钮或“退出”按钮。虽然您可以编写自己的代码在屏幕上绘制按钮,在按下按钮时更改它的外观,在单击按钮时执行某些任务,但如果对每个程序都这样做,您很快就会觉得单调乏味。“Button”控件已经包含做这些事情所需的代码。这样就为您免去了许多不必要的工作。

如您所见,“工具箱”包含了许多控件,每个控件都有独特的用途。“Panel”控件可用于承载其他控件,如刚才添加的那些控件。“Button”控件通常用于在用户单击它们时执行任务,例如关闭程序。“TextBox”控件用于通过键盘在屏幕上输入文本。“WebBrowser”控件提供类似于 Internet Explorer 的内置 Web 浏览功能 — 您绝对不需要为此编写任何代码了!

在接下来的课程中,您将学习如何自定义这些控件和许多其他控件的外观,以及如何通过编写代码定义它们的行为。除使用“工具箱”控件外,您还可以创建自己的控件(称为“用户控件”)——这些内容也会在将来的课程中介绍。

后续步骤

您已经添加了应用程序所需的全部控件。它看上去可能很粗略,而且未完成 — 也确实如此!在下一课中,您将使用“属性”窗口来设置控制应用程序的外观和行为的属性。

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

请参见

任务

步骤 1:在 Visual Basic 中创建项目

其他资源

创建您的第一个 Visual Basic 程序

在 Windows 窗体上使用的控件