与程序的用户通信:用户界面

更新:2007 年 11 月

在本课中,您将学习什么是“用户界面”(UI),什么是控件,以及如何向 UI 中添加控件。

在个人电脑的早期,用户主要通过命令行与程序进行交互。程序启动后会停下来接收用户输入,然后才会继续进行。而现在您使用的大多数程序都是在一个或多个窗口中运行。这些窗口使用户能够通过键入、单击按钮、从预设菜单中选择项等各种途径与程序进行交流(或“交互”)。在本课以及后面的课程中,您将学习如何构建自己的基于 Windows 的用户界面。

使用窗体

窗体是 UI 的基本生成块。程序中的每个窗体都表示一个显示给用户的窗口。在 Visual Basic IDE(集成开发环境)中工作时,窗体是用来设计应用程序的 UI 的设计器,这与使用 Windows 的“画图”绘制图片非常相似。

在设计器中,控件被用来创建 UI 的外观。控件是具有预定义的外观和行为的对象。例如,Button 控件的外观和行为很像下压按钮——当用户单击它时,其外观变为被按下去的样子。

Visual Basic 中的每个控件都有各自的用途。例如,TextBox 控件用于输入文本,而 PictureBox 控件用于显示图片。Visual Basic 中包括五十多个不同的控件;您也可以创建自己的控件,即“用户控件”。您将在以后的课程中了解有关每种控件的更多信息。

设计用户界面时,将控件从“工具箱”中拖放到窗体上,然后将其定位并调整其大小以创建所需的外观。还可以在“属性”窗口中设置窗体和控件的属性,进一步更改外观。例如,窗体和大多数控件都有一个用于设置其背景色的 BackColor 属性。

属性还用于定义窗体或控件的行为。例如,窗体的 ShowInTaskbar 属性确定在程序运行时窗体是否出现在 Windows 任务栏中。使用属性可以自定义 UI 的外观和行为。

试一试!

更改窗体的属性

  1. 在“文件”菜单上单击“新建项目”。

  2. 在“新建项目”对话框的“模板”窗格中,单击“Windows 应用程序”。

  3. 在“名称”框中键入 FirstForm,再单击“确定”。

    随即便会创建一个新的 Windows 窗体项目。主窗口中将出现一个新窗体,在 Visual Basic IDE 的右下角的“属性”窗口中可以看到它的属性。

  4. 单击窗体将其选定。

  5. 在“属性”窗口中,将 Text 属性更改为“My First Form”,然后按 Enter。

    输入新值后,该窗体顶部的文本改变。

  6. 在“属性”窗口中,从下拉列表中选择一种颜色,将 BackColor 属性更改为其他颜色。

    请注意,BackColor 属性是通过一个特殊的界面更改的。此界面使您能够在选择颜色之前查看颜色,并允许您在系统当前使用的颜色、标准 Web 颜色或更多的自定义颜色选择之间进行选择。您也可以直接在“属性”窗口的框中键入颜色的名称(例如 Red)。

    试着更改窗体的其他属性,查看一下效果。当您准备就绪时,继续下一个操作过程。

向窗体添加控件

在此过程中,您将通过如下方法向窗体中添加控件:在“工具箱”窗口(通常位于 Visual Basic IDE 的左边)中选择控件,并将控件拖动到窗体上。然后,您将调整控件的属性。

向窗体添加控件

  1. 将一个 Button 控件、一个 TextBox 控件、一个 Label 控件和一个 CheckBox 控件依次从“工具箱”中拖动到窗体上。

  2. 选择 Button 控件并在窗体上四处拖动它以更改其位置。

    在将它拖动到其他控件附近时,请注意辅助线是如何出现的。这些辅助线可以帮助您准确地确定控件的位置。

  3. 对其他控件重复此过程,直到对 UI 感到满意为止。

  4. 选择 Button 控件,然后拖动其右下角的大小控点以更改其大小。

  5. 请花些时间试验一下控件属性。单击窗体上的每个控件将其选中,然后在“属性”窗口中更改它的某些属性。您可以尝试更改的属性包括 Font、BackColor、ForeColor 和 Text。有关更多信息,请参见详细了解:了解控件布局

  6. 按 F5 运行程序。将出现一个窗口,其中有您刚添加的控件。注意,您可以单击按钮,选中和清除复选框,以及在文本框中键入内容。

后续步骤

在本课中,您学习了如何创建窗体并向其中添加控件。您还学习了如何在“属性”窗口中更改窗体和控件的属性。在下面几课中,您将更加深入地了解其中某些控件。

下一课:与用户交互:使用按钮

请参见

概念

详细了解:了解属性、方法和事件

其他资源

创建程序的可视外观:Windows 窗体介绍