本章主要内容：本章主要内容：

●● 可视化编程的基本概念可视化编程的基本概念

●● VBVB 编程步骤编程步骤

● ● 控件的画法控件的画法

第第 22 章 可视化编程的概念与步骤 章 可视化编程的概念与步骤

1. 1. 对象对象

可以把对象（可以把对象（ ObjectObject ）想象成日常生活中的各种物体，）想象成日常生活中的各种物体，如一只气球、一本书、一把椅子、一台电脑等都是对象。如一只气球、一本书、一把椅子、一台电脑等都是对象。

以电脑来说，电脑本身是一个对象，而电脑又可以拆分以电脑来说，电脑本身是一个对象，而电脑又可以拆分为主板、为主板、 CPUCPU 、内存、外设等部件，这些部件又都分别是、内存、外设等部件，这些部件又都分别是对象，因此电脑对象可以说是由多个“子”对象组成的，对象，因此电脑对象可以说是由多个“子”对象组成的，即是一个容器（即是一个容器（ ContainerContainer ）对象。）对象。

与电脑的概念类似，在与电脑的概念类似，在 VBVB 中，窗体（中，窗体（ FormForm ）、命令按）、命令按钮（钮（ Command ButtonCommand Button ）、文本框（）、文本框（ Text BoxText Box ）等都是对）等都是对象。在程序设计的过程中，这些对象就是程序的主角。象。在程序设计的过程中，这些对象就是程序的主角。

2.1 2.1 可视化编程的基本概念可视化编程的基本概念

2.1.1 2.1.1 类与对象类与对象

2. 2. 属性属性 每个对象都有其特征，在计算机程序语言中叫做属性每个对象都有其特征，在计算机程序语言中叫做属性（（ PropertyProperty ）。如小孩玩的气球，与它相关的属性数据有：）。如小孩玩的气球，与它相关的属性数据有：直径、颜色、状态（充气或未充气）等，还有一些不可见直径、颜色、状态（充气或未充气）等，还有一些不可见的性质，如寿命等。记录这些属性数据的地方是属性栏。的性质，如寿命等。记录这些属性数据的地方是属性栏。属性栏中记录的属性数据就叫做属性值。属性栏中记录的属性数据就叫做属性值。 在可视化编程中，每一种对象都有一组特定的属性。对在可视化编程中，每一种对象都有一组特定的属性。对象属性的设置一般有两条途径：象属性的设置一般有两条途径：(1) (1) 预设法预设法 (2) (2) 现改法现改法 方法为：在代码中使用赋值语句，格式为：方法为：在代码中使用赋值语句，格式为：对象名对象名 .. 属性名 ＝ 属性值属性名 ＝ 属性值 其中“对象名其中“对象名 .. 属性名”是属性名”是 VBVB 中引用对象属性的方法，中引用对象属性的方法，如下述代码可以设置标签控件如下述代码可以设置标签控件 Label1Label1 的标题为“输入的标题为“输入 XX 的的值”：值”：Label1.CaptionLabel1.Caption ＝＝ "" 输入输入 XX 的值的值 " "

3. 3. 类类 同一类对象的大部分属性栏是相同的，例如，拿一般的同一类对象的大部分属性栏是相同的，例如，拿一般的汽车与坦克车相比较，虽然都有车长、车宽等属性，但坦汽车与坦克车相比较，虽然都有车长、车宽等属性，但坦克车会多出一些记录大炮口径、履带形式的属性。克车会多出一些记录大炮口径、履带形式的属性。4. 4. 方法方法 VBVB 的方法用于完成某种特定功能。如对象打印（的方法用于完成某种特定功能。如对象打印（ PrinPrintt ）方法、显示窗体（）方法、显示窗体（ ShowShow ）方法、移动（）方法、移动（ MoveMove ）方法）方法等。方法只能在代码中使用，其用法依赖于方法所需的参等。方法只能在代码中使用，其用法依赖于方法所需的参数个数以及参数是否具有返回值。当方法不需要参数并且数个数以及参数是否具有返回值。当方法不需要参数并且也没有返回值时，可用下面的格式调用对象方法：也没有返回值时，可用下面的格式调用对象方法：对象名对象名 .. 方法名方法名 如图片框如图片框 Picture1Picture1 有个输出方法有个输出方法 PrintPrint ，在事件过程代，在事件过程代码中调用该方法的代码为：码中调用该方法的代码为：Picture1.PrintPicture1.Print

2.1.2 2.1.2 事件与程序事件与程序

1. 1. 事件事件

对于对象而言，事件（对于对象而言，事件（ EventEvent ）就是发生在该对象上）就是发生在该对象上的事情。的事情。

2. 2. 事件过程事件过程

当在对象上发生了某个事件后，必须想办法处理这个当在对象上发生了某个事件后，必须想办法处理这个事件，而处理的步骤就是事件过程（事件，而处理的步骤就是事件过程（ Event ProcedureEvent Procedure ））。事件过程是针对事件而来的，而事件过程中的处理步。事件过程是针对事件而来的，而事件过程中的处理步骤在骤在 VBVB 程序设计中就是所谓的程序代码。换句话说，程序设计中就是所谓的程序代码。换句话说， VVBB 程序设计者的主要工作，就是为对象编写事件过程中的程序设计者的主要工作，就是为对象编写事件过程中的程序代码。程序代码。

3. 3. 事件驱动程序设计事件驱动程序设计

当事件过程处理完某一事件后，程序就会进入等待状态，当事件过程处理完某一事件后，程序就会进入等待状态，直到下一个事件发生为止。简单地说，直到下一个事件发生为止。简单地说， VBVB 程序的执行步骤程序的执行步骤为：为：

① ① 等待事件的发生。等待事件的发生。

② ② 事件发生时，执行其对应的事件过程。事件发生时，执行其对应的事件过程。

③ ③ 重复步骤①。重复步骤①。

如此周而复始地执行，直到程序结束，这就是事件驱动如此周而复始地执行，直到程序结束，这就是事件驱动程序设计。 程序设计。

2.1.3 VB2.1.3 VB 的控件的控件 在在 VBVB 中，控件是预先定义好的、程序中能够直接使用中，控件是预先定义好的、程序中能够直接使用的对象，每个控件都有大量的属性、事件和方法可在设计的对象，每个控件都有大量的属性、事件和方法可在设计时或在代码中修改和使用。时或在代码中修改和使用。 VBVB 中的控件通常分为中的控件通常分为 33 种类型：种类型： 内部控件：在默认状态下工具箱中显示的控件都是内内部控件：在默认状态下工具箱中显示的控件都是内部控件，这些控件被“封装”在部控件，这些控件被“封装”在 VBVB 的的 EXEEXE 文件中，不可文件中，不可从工具箱中删除。如命令按钮、单选按钮、复选框等控件从工具箱中删除。如命令按钮、单选按钮、复选框等控件。。 ActiveXActiveX 控件：这类控件单独保存在控件：这类控件单独保存在 .ocx.ocx 类型的文件类型的文件中，其中包括各种版本中，其中包括各种版本 VBVB提供的控件，如数据绑定网格、提供的控件，如数据绑定网格、数据绑定组合框等。数据绑定组合框等。 可插入的对象：用户可将可插入的对象：用户可将 ExcelExcel 工作表或工作表或 PowerPointPowerPoint幻灯片等作为一个对象添加到工具箱中，编程时可根据需幻灯片等作为一个对象添加到工具箱中，编程时可根据需要随时创建。 要随时创建。

工具箱中的控件主要包括表 2-1列出的 20 个内部控件。表 2-1 VB 的内部控件

2.1.4 2.1.4 窗体对象窗体对象

窗体（窗体（ FormForm ）也就是平时所说的窗口，它是）也就是平时所说的窗口，它是 VBVB 编程中编程中最常见的对象，也是程序设计的基础。各种控件对象必须最常见的对象，也是程序设计的基础。各种控件对象必须建立在窗体上，一个窗体对应一个窗体模块。建立在窗体上，一个窗体对应一个窗体模块。

1. 1. 窗体的结构窗体的结构

创建新窗体的步骤如下：创建新窗体的步骤如下：

① ① 从“工程”菜单中选择“添加窗体”菜单项，缺省情从“工程”菜单中选择“添加窗体”菜单项，缺省情况下系统将显示如图况下系统将显示如图 2-12-1 所示的“添加窗体”对话框。 所示的“添加窗体”对话框。

② 该对话框的“新建”选项卡用于创建一个新窗体，列表框中列出了各种新窗体的类型。如果选择“窗体”项，则建立一个空白的新窗体；如果选择其他项，则建立一个预定义了某些功能的窗体。 ③ 单击“打开”按钮，一个新的空白窗体被加入到当前工程中，同时会显示在屏幕上。 建立新窗体后，用户可以在属性设置窗口中，对其大小、背景颜色、标题及窗体名称等属性进行设置。

2. 2. 窗体的属性窗体的属性 通过修改窗体的属性可以改变窗体内在或外在的结构特征，控制窗体的外观。常用的窗体属性见表 2-2 。

属性 用途

Name决定窗体的名称，同时也是磁盘上的窗体文件名。窗体文件的扩展名为 .Frm

Caption 决定标题栏中显示的文本

Backcolor 用于确定窗体的背景颜色

Boderstyle 用于决定窗体的边框风格

ControlBox 决定窗体是否具有控制菜单

MaxBotton 决定窗体的标题栏中是否具有最大化按钮

Movable 决定控制窗体是否可移动

WindowState 通过取值决定窗体是正常、最小化还是最大化状态

表 2-2 常用的窗体属性

2.1.5 2.1.5 代码窗口代码窗口

代码窗口又称代码编辑器，各种通用过程和事件过程代代码窗口又称代码编辑器，各种通用过程和事件过程代码均在代码窗口上编写和修改。码均在代码窗口上编写和修改。

1. 1. 打开代码窗口的方法打开代码窗口的方法

有有 44 种方法可以打开“代码窗口”：种方法可以打开“代码窗口”：

        双击窗体的任何地方。双击窗体的任何地方。

        单击右键快捷菜单中的“查看代码”命令。单击右键快捷菜单中的“查看代码”命令。

         使用工程窗口中的“查看代码”按钮。使用工程窗口中的“查看代码”按钮。

        选择“视图”菜单中的“代码窗口”命令。 选择“视图”菜单中的“代码窗口”命令。

2. 2. 代码窗口的组成 代码窗口的组成 在“代码窗口”中有“对象下拉列表框”、“过程下拉列表框”和“代码区”，如图 2-2 所示。

““ 对象下拉列表框”中列出了当前窗体及所包含的全体对象下拉列表框”中列出了当前窗体及所包含的全体对象名。其中，无论窗体的名称改为什么，作为窗体的对象对象名。其中，无论窗体的名称改为什么，作为窗体的对象名总是名总是 FormForm 。。

““ 过程下拉列表框”中列出了所选对象的所有事件名。过程下拉列表框”中列出了所选对象的所有事件名。

  ““ 代码区”是程序代码编辑区，能够非常方便地进行代代码区”是程序代码编辑区，能够非常方便地进行代码的编辑和修改。码的编辑和修改。

3. 3. 两种查看代码视图两种查看代码视图

在“代码窗口”的左下角有两个按钮：“过程查看”和“在“代码窗口”的左下角有两个按钮：“过程查看”和“全模块查看”按钮，通过它们可切换“代码窗口”的两种查全模块查看”按钮，通过它们可切换“代码窗口”的两种查看视图。看视图。

单击“过程查看”按钮，一次只查看一个过程。单击“过程查看”按钮，一次只查看一个过程。

单击“全模块查看”按钮，可查看程序中的所有过程。单击“全模块查看”按钮，可查看程序中的所有过程。

4. 4. 代码编写中的自动功能代码编写中的自动功能

在在 VBVB 代码窗口中编写代码时，代码窗口中编写代码时， VBVB 具有以下特性。具有以下特性。

(1) (1) 自动列出成员特性自动列出成员特性

当要输入控件的属性和方法时，在控件名后输入小数点，当要输入控件的属性和方法时，在控件名后输入小数点，VBVB 就会自动显示一个下拉列表框，其中包含了该控件的所有就会自动显示一个下拉列表框，其中包含了该控件的所有成员（属性和方法），如图成员（属性和方法），如图 2-32-3 所示。所示。

(2) (2) 自动显示快速信息自动显示快速信息

在输入合法的在输入合法的 VBVB 语句或函数名之后，代码窗口中在当前语句或函数名之后，代码窗口中在当前行的下面自动显示该语句或函数的语法，如图行的下面自动显示该语句或函数的语法，如图 2-42-4 所示。所示。

(3) (3) 自动语法检查自动语法检查

当输入某行代码后回车，如果系统出现语法错误，当输入某行代码后回车，如果系统出现语法错误， VBVB 会会显示警告提示框，同时该语句变成红色，如图显示警告提示框，同时该语句变成红色，如图 2-52-5 所示。所示。

VBVB 可视化编程的简要步骤为：可视化编程的简要步骤为：

① ① 设计界面：先建立窗体，再利用控件在窗体上创建各设计界面：先建立窗体，再利用控件在窗体上创建各种对象。种对象。

② ② 设置属性：设置窗体或控件等对象的属性。设置属性：设置窗体或控件等对象的属性。

③ ③ 编写代码。编写代码。

例如，我们要编写一个应用程序，当刚运行该程序时显例如，我们要编写一个应用程序，当刚运行该程序时显示如图示如图 2-62-6 所示的界面，单击其中的“日期”按钮将显示系所示的界面，单击其中的“日期”按钮将显示系统当前日期，单击“时间”按钮将显示系统当前时间。统当前日期，单击“时间”按钮将显示系统当前时间。

2.2 VB2.2 VB 编程步骤编程步骤

2.2.1 2.2.1 新建一个工程新建一个工程 新建一个工程有如下两种方法：新建一个工程有如下两种方法：                 启动启动 VBVB 后，系统显示“新建工程”对话框，在后，系统显示“新建工程”对话框，在“新建工程”对话框的选项卡选择“标准“新建工程”对话框的选项卡选择“标准 EXE”EXE” ，然后单，然后单击“打开”按钮。击“打开”按钮。                在“文件”菜单中选择“新建工程”子菜单，然后在“文件”菜单中选择“新建工程”子菜单，然后在“新建工程”对话框中选择“标准在“新建工程”对话框中选择“标准 EXE”EXE” 并单击“打并单击“打开”按钮。开”按钮。

2.2.2 2.2.2 添加控件添加控件 向窗体中添加控件的方法为：向窗体中添加控件的方法为： ① ① 单击工具箱中的控件图标，鼠标指针变成一个十字指单击工具箱中的控件图标，鼠标指针变成一个十字指针。针。 ② ② 在窗体的工作区按住鼠标左键拖动鼠标，即可在窗体在窗体的工作区按住鼠标左键拖动鼠标，即可在窗体上画出对应控件。上画出对应控件。 如图如图 2-72-7 所示。所示。

2.2.3 2.2.3 设置属性设置属性 (1) (1) 设置窗体设置窗体 Form1Form1 的属性的属性 单击窗体的空白区域（不要单击任何控件），确认选中的是窗体，单击窗体的空白区域（不要单击任何控件），确认选中的是窗体，在属性窗口中找到标题属性在属性窗口中找到标题属性 CaptionCaption ，将其值改为“简单示例”，如图，将其值改为“简单示例”，如图2-82-8 所示。所示。

(2) (2) 设置控件的属性设置控件的属性

单击窗体上的控件，确认选中该控件，然后根据需要逐单击窗体上的控件，确认选中该控件，然后根据需要逐一设置控件的各属性。如图一设置控件的各属性。如图 2-102-10 所示。所示。

所有对象的属性设置参见表 2-3 。

表 2-3 属性设置

对 象 属 性 属 性 值 说 明Form Caption 简单示例 窗体的标题Command1 Caption 日期 (&D) 按钮的标题Command2 Caption 时间 (&T) 按钮的标题

Label1

BackColor （白色） 背景色

BorderStyle 1—Fixed 边框风格

FontSize 四号 字体大小

属性设置后的窗体如图 2-11 所示。

2.2.4 编写代码

打开“代码编辑器”，单击“对象”下拉列表框右边的箭头按钮，从中选择 Form 对象，如图 2-12 所示。

在“过程”事件下拉列表框中选择 Load 事件，在代码窗口中输入下列代码：Private Sub Form_Load()

Label1.Caption = " 祝您快乐 "

End Sub

用同样的方法，输入命令按钮 Command1 和 Command2的单击（ Click ）事件过程代码：Private Sub Command1_Click()

Label1.Caption = " 今天是： " & Format(Date, "dddddd")

End Sub

Private Sub Command2_Click()

Label1.Caption = " 现在是北京时间： " & Format(Time, "ttttt")

End Sub

2.2.5 2.2.5 运行工程运行工程 单击工具栏上的“启动”按钮或按〈单击工具栏上的“启动”按钮或按〈 F5F5 〉键，即可运行〉键，即可运行工程，如图工程，如图 2-132-13 所示。所示。

2.2.6 2.2.6 修改工程修改工程 修改工程包括修改对象的属性和代码，也可以添加新的修改工程包括修改对象的属性和代码，也可以添加新的对象和代码，或者调整控件的大小等，直到满足工程设计对象和代码，或者调整控件的大小等，直到满足工程设计的需要为止。在本例的窗体中，将标签的高度稍微减小一的需要为止。在本例的窗体中，将标签的高度稍微减小一些，将按钮的大小和位置做些调整，使界面更加美观。如些，将按钮的大小和位置做些调整，使界面更加美观。如图图 2-142-14 所示。所示。

2.2.7 2.2.7 保存工程保存工程 常用下面两种方法保存工程：常用下面两种方法保存工程：     单击“文件”菜单中的“保存工程”或“工程另存单击“文件”菜单中的“保存工程”或“工程另存为”，如图为”，如图 2-152-15 所示。所示。      单击工具栏上的“保存工程”按钮。单击工具栏上的“保存工程”按钮。

(1) (1) 选择保存位置选择保存位置

(2) (2) 保存窗体文件保存窗体文件

(3) (3) 保存工程文件保存工程文件

2.2.8 2.2.8 工程的编译工程的编译 当完成工程的全部文件之后，即可将此工程转换成可执当完成工程的全部文件之后，即可将此工程转换成可执行文件（行文件（ .exe.exe ））——编译工程。——编译工程。在在 VBVB 中对程序（工程）中对程序（工程）的编译非常简单，方法为：的编译非常简单，方法为：

① ① 在“文件”菜单中选择“生成工程在“文件”菜单中选择“生成工程 1.exe”1.exe” ，如图，如图 2-162-16所示。所示。

② ② 在打开的“生成工程”对话框中，选择程序所保存的文在打开的“生成工程”对话框中，选择程序所保存的文件夹和文件名。件夹和文件名。

③ ③ 单击“确定”按钮，即可生成单击“确定”按钮，即可生成 WindowsWindows 中的应用程序。中的应用程序。

在窗体上画一个控件有两种方法：在窗体上画一个控件有两种方法：

    前面已经作过介绍，即单击工具箱中的控件按钮，在前面已经作过介绍，即单击工具箱中的控件按钮，在窗体上拖动鼠标画出控件。窗体上拖动鼠标画出控件。

    双击工具箱中的控件按钮，即可在窗体的中央画出控双击工具箱中的控件按钮，即可在窗体的中央画出控件。件。

2.3 2.3 控件的画法控件的画法

2.3.1 2.3.1 在窗体上画一个控件在窗体上画一个控件

在设计时，当在窗体上画出控件以后，控件的边框上有在设计时，当在窗体上画出控件以后，控件的边框上有 88个蓝色小方块，这表明该控件是“活动”的，通常称为个蓝色小方块，这表明该控件是“活动”的，通常称为“当前控件”，如图“当前控件”，如图 2-172-17 所示。 所示。

2.3.2 2.3.2 控件的缩放和移动控件的缩放和移动

对于选中的控件（即当前控件），可以用两种方法来进对于选中的控件（即当前控件），可以用两种方法来进行缩放和移动：行缩放和移动：  直接使用鼠标拖动控件到需要的地方。  在属性窗口修改某些属性来改变控件的大小和位置。

1. 1. 复制控件复制控件

在窗体上复制控件的步骤为：在窗体上复制控件的步骤为：

① ① 选中控件，单击工具栏上的“复制”按钮或按〈选中控件，单击工具栏上的“复制”按钮或按〈 CtrCtrll 〉〉 ++〈〈 CC〉键可将控件复制到剪贴板中。〉键可将控件复制到剪贴板中。

② ② 单击“粘贴”按钮或按〈单击“粘贴”按钮或按〈 CtrlCtrl 〉〉 ++〈〈 VV〉键将控件粘〉键将控件粘贴到窗体的左上角。由于复制控件名称相同，系统会弹出贴到窗体的左上角。由于复制控件名称相同，系统会弹出一个“是否创建控件数组”对话框，如图一个“是否创建控件数组”对话框，如图 2-182-18 所示。所示。

2.3.3 2.3.3 控件的复制与删除控件的复制与删除

③ ③ 单击“是单击“是 (Y)”(Y)” 按钮，将在窗体上创建一个控件数按钮，将在窗体上创建一个控件数组（参见后面章节），单击“否组（参见后面章节），单击“否 (N)”(N)” 即可在窗体上得到即可在窗体上得到该控件的复制品。复制品的所有属性与原控件相同，只该控件的复制品。复制品的所有属性与原控件相同，只是名称属性（是名称属性（ NameName ）的序号比原控件大。）的序号比原控件大。

2. 删除控件

要删除活动控件，只需选中控件后按〈 Delete〉键。

另外，还可以利用右键快捷菜单上的命令对控件作复制、删除等操作，如图 2-19 所示。

2.3.4 控件的布局

当窗体上存在多个控件时，需要对窗体上的控件排列、对齐、是否等大等格式进行操作。这些操作一般可以通过“格式”菜单完成，如图 2-20 所示。

1. 选定多个控件

其选定方法常用下面两种：

   在窗体的空白区域利用鼠标左键拉出一个矩形框，将需要选中的控件圈上即可选定多个控件。

   先按下〈 Shift〉键不放开，再用鼠标单击所要选中的控件。如图 2-21 所示。

2. 设置选定控件对齐方式

左对齐：使所选择对象的水平位置对齐，其左边界以最后选择的对象的左边界为基准对齐，如图 2-22 所示。

居中对齐：使所选择对象的水平位置对齐，其中心位置以最后选择的对象的中心位置为基准对齐。

对齐到网格：使所选对象的左上角与最靠近的网格对齐。

3. 按相同尺寸调整选定控件的大小

“统一尺寸”命令中有 3项子菜单，如图 2-23 所示。宽度相同：以最后选择的对象为基准，使其他被选定的控件与其具有相同的宽度。 高度相同：以最后选择的对象为基准，使其他被选定的控件与其具有相同的高度。 两者都相同：以最后选择的对象为基准，使其他被选定的控件与其具有相同的宽度和高度。

4. 调整选定控件间距

利用“格式”菜单中的“水平间距”和“垂直间距”子菜单，可以调整控件之间的间距，如图 2-24 所示。

相同间距：被选定的控件之间设置相同的间距。

递增：被选定的控件之间间距增加。

5. 使选定控件水平对齐或垂直对齐

通过“格式”菜单中的“在窗体中居中对齐”子菜单，选择“水平对齐”或“垂直对齐”可以实现多控件的水平对齐或垂直对齐方式。

水平对齐：使所选择对象的中心位置与窗体中心的水平线对齐。

垂直对齐：使所选择对象的中心位置与窗体中心的垂直线对齐。

6. 设置选定控件显示位置 通过“格式”菜单中的“顺序”子菜单，可以设置多个控件重叠时，控件的显示位置。 置前：将所选择的对象移到所有其他对象的前面，如图 2-25 所示。 置后：将所选择的对象移到所有其他对象的后面，如图 2-26 所示。