第三章 可视化编程.ppt

第三章 可视化编程3.1可视化编程的概念与方法 Visual BasicVisual Basic程序设计语言是从程序设计语言是从BasicBasic语言发展而语言发展而来的。其中来的。其中VisualVisual英文的原意是英文的原意是“视觉的视觉的”或或“可视可视的的”，在这里特指直观的编程方法。，在这里特指直观的编程方法。VBVB的集成开发的集成开发环境是环境是WindowsWindows环境下快速开发应用程序的可视化工环境下快速开发应用程序的可视化工具程序员不必再为界面的设计而编写大量的程序代具程序员不必再为界面的设计而编写大量的程序代码，只需按设计的要求，利用码，只需按设计的要求，利用VBVB系统提供的控件在系统提供的控件在窗体上窗体上“画出画出”各种对象即可。程序员所需要编写各种对象即可。程序员所需要编写的代码指示实现程序功能的那部分，从而大大地提的代码指示实现程序功能的那部分，从而大大地提高了编程的效率。高了编程的效率。VBVB可视化编程涉及到一些基本概念，这些概念可视化编程涉及到一些基本概念，这些概念包括对象、属性、方法、事件、事件过程和事件驱动包括对象、属性、方法、事件、事件过程和事件驱动等。等。3.1.1 VB可视化编程的概念1.1.对象对象 现实世界是对象的集合体。什么事对象呢？显现实世界是对象的集合体。什么事对象呢？显示世界中的任何物体都可以被称为对象。例如，汽示世界中的任何物体都可以被称为对象。例如，汽车、人、骆驼和电脑等等，都是现实世界中的对象，车、人、骆驼和电脑等等，都是现实世界中的对象，如下图所示。如下图所示。P70P70与现实世界一样，程序世界也具有各种各样的对象。与现实世界一样，程序世界也具有各种各样的对象。在窗体环境中，窗体、命令按钮、文本框、标签等都在窗体环境中，窗体、命令按钮、文本框、标签等都是现成的对象。如下图所示是现成的对象。如下图所示P71P71。这些都是程序实现。这些都是程序实现中常用的功能模块，它们已被包装成对象，程序员只中常用的功能模块，它们已被包装成对象，程序员只需要直接组合对象即可轻松完成应用程序的开发。需要直接组合对象即可轻松完成应用程序的开发。每个对象都具有其特征。例如，一部手机，与它相关的每个对象都具有其特征。例如，一部手机，与它相关的特征数据有：厂家、型号、机身尺寸、显屏颜色等属性特征数据有：厂家、型号、机身尺寸、显屏颜色等属性。在程序设计中，一个窗体。在程序设计中，一个窗体Form1Form1除了具有背景色除了具有背景色（BackColre)BackColre)等一些属性外，还具有等一些属性外，还具有PrintPrint等一些操作。等一些操作。通常，我们可以认为对象是具有特殊数据和行为方式的通常，我们可以认为对象是具有特殊数据和行为方式的实体。实体。2.2.属性属性 VBVB中的窗体、控件等对象都有自己的属性，我们可中的窗体、控件等对象都有自己的属性，我们可以把属性看作是一个对象的性质，把事件看作是对象的以把属性看作是一个对象的性质，把事件看作是对象的响应，把方法看作是对象的动作。响应，把方法看作是对象的动作。每个对象都具有一些特征，表现为对象的属性。通每个对象都具有一些特征，表现为对象的属性。通过修改对象的属性能够控制对象的外观和特征。例如，过修改对象的属性能够控制对象的外观和特征。例如，闹钟的外观（传统造型的、艺术造型的等等），计算机闹钟的外观（传统造型的、艺术造型的等等），计算机品牌、规格（品牌、规格（1717英寸液晶显示器、英寸液晶显示器、512M512M内存等等）、颜内存等等）、颜色都为对象的特征。色都为对象的特征。程序中将对象的特征称为属性。例如，窗体的外观、程序中将对象的特征称为属性。例如，窗体的外观、窗体的背景颜色、坐标宽度、坐标高度都为窗体的属窗体的背景颜色、坐标宽度、坐标高度都为窗体的属性，如下图所示：性，如下图所示：P72P72 属性具有属性值，改变属性值就可以改变对象的属性具有属性值，改变属性值就可以改变对象的特征。设置对象属性的方法有两种：特征。设置对象属性的方法有两种：方法方法1 1：在设计程序界面时，利用属性窗口直接：在设计程序界面时，利用属性窗口直接设置，如上图所示设置，如上图所示P72 3-3P72 3-3 方法方法2 2：在运行的程序代码中进行设置，语法格：在运行的程序代码中进行设置，语法格式为：式为：对象名对象名.属性名属性名 =属性值属性值例如：例如：Text1.Text=“Text1.Text=“欢迎使用欢迎使用Visual Basic”Visual Basic”，运行时，运行时，将文本框的将文本框的TextText属性设置为赋值号右边的字符串值，属性设置为赋值号右边的字符串值，运行结果如下图所示：运行结果如下图所示：P72 3-4P72 3-4下列程序行都是程序中设置属性值的语句：下列程序行都是程序中设置属性值的语句：Form1.Caption=“Form1.Caption=“欢迎进入欢迎进入VBVB的编程环境的编程环境”Text11.Visible=FalseText11.Visible=False Command1.Enabled=False Command1.Enabled=False读取对象的属性值就是在程序中通过相对应的语句获读取对象的属性值就是在程序中通过相对应的语句获得对象的状态。例如，在运行代码之前返回得对象的状态。例如，在运行代码之前返回TextBox1TextBox1控件的控件的TextText属性值，以确定文本框的内容。读取属性属性值，以确定文本框的内容。读取属性值的方法格式为：值的方法格式为：变量变量 =对象对象.属性属性下列语句都可以读取对象的属性值：下列语句都可以读取对象的属性值：Name=Text1.TextName=Text1.Text Info=Label1.Caption Info=Label1.Caption3.3.方法方法 对象除了属性之外，还包含一些控制对象的动作。对象除了属性之外，还包含一些控制对象的动作。再以一部手机为例，这个对象具有这样的一些动作，再以一部手机为例，这个对象具有这样的一些动作，分别是发短信、震动、发声。这三个动作都是手机这分别是发短信、震动、发声。这三个动作都是手机这个对象所提供的行为。个对象所提供的行为。在程序设计中，对象的行为称为方法。方法表示在程序设计中，对象的行为称为方法。方法表示了对象的行为，既对象所能完成的某种操作。方法对了对象的行为，既对象所能完成的某种操作。方法对应于对象内部的一段程序代码，既可能是一个函数，应于对象内部的一段程序代码，既可能是一个函数，也可能是一个过程，它通常通过代码的调用才会出现。也可能是一个过程，它通常通过代码的调用才会出现。例如，显示窗体可调用例如，显示窗体可调用ShowShow方法，隐藏窗体则可调方法，隐藏窗体则可调用用HideHide方法，如下图所示方法，如下图所示P73 3-5P73 3-5VBVB的方法通过代码调用的语法格式为：的方法通过代码调用的语法格式为：对象名对象名.方法方法 参数参数 例如：例如：Label1.Move 200,300Label1.Move 200,300运行时，将运行时，将Label1Label1对象移至（对象移至（200,300200,300）处，多个参数）处，多个参数要用逗号隔开。要用逗号隔开。又如：又如：Form1.Line(100,200)-(1000,2000),vbBlue Form1.Line(100,200)-(1000,2000),vbBlue vbBluevbBlue为颜色常量为颜色常量程序运行时，从（程序运行时，从（100,200100,200）点到（）点到（1000,20001000,2000）点画）点画一条蓝色直线。一条蓝色直线。4.4.事件事件对于对象而言，事件（对于对象而言，事件（EventEvent）就是发生在该对象上的）就是发生在该对象上的事情。比如一个充满空气的气球，被针扎了一下，气事情。比如一个充满空气的气球，被针扎了一下，气球就会泄气，所以说球就会泄气，所以说“针扎针扎”就是一个发生在气球这就是一个发生在气球这个对象上的事件。个对象上的事件。在程序设计中，事件是指由用户操作触发或由系统触在程序设计中，事件是指由用户操作触发或由系统触发，能被特定对象所识别并作出响应的动作。例如，发，能被特定对象所识别并作出响应的动作。例如，单击鼠标，引发单击鼠标，引发ClcikClcik事件；加载窗体时触发窗体的事件；加载窗体时触发窗体的 LoadLoad事件，定时器时间间隔到达时触发定时器的事件，定时器时间间隔到达时触发定时器的TimerTimer事件等等。事件等等。事件是用户与程序交互的媒介，附属于对象，是由事件是用户与程序交互的媒介，附属于对象，是由VBVB系统预先定义好的，用户一般不能利用已有的对象创系统预先定义好的，用户一般不能利用已有的对象创建新的事件。建新的事件。5.5.事件过程事件过程 当在对象上发生了某个事件后，必须想办法处理当在对象上发生了某个事件后，必须想办法处理这个事件，而处理的步骤就是事件过程。以气球为例，这个事件，而处理的步骤就是事件过程。以气球为例，发生了发生了“针扎针扎”事件后，气球可能被丢弃或修补，不事件后，气球可能被丢弃或修补，不论是丢弃还是修补，都是针对论是丢弃还是修补，都是针对“针对针对”事件的处理步事件的处理步骤，也就是事件过程。骤，也就是事件过程。在程序设计中，事件过程中的处理步骤就是程序在程序设计中，事件过程中的处理步骤就是程序代码。例如，当用户按下代码。例如，当用户按下“登陆登陆”按钮时，会触发按钮时，会触发ClickClick事件，进而执行事件，进而执行ClickClick事件过程中的的程序，如下事件过程中的的程序，如下图所示：图所示：对象对事件的反应是通过事件过程来完成的。而对象对事件的反应是通过事件过程来完成的。而事件过程是程序员为响应对象事件所编写的一段程序事件过程是程序员为响应对象事件所编写的一段程序代码。事件过程由对象名、下划线（代码。事件过程由对象名、下划线（_ _）和事件名组合）和事件名组合而成。例如：命令按钮而成。例如：命令按钮Command1Command1的鼠标单击事件过的鼠标单击事件过程为：程为：Private Sub Command1_ClickPrivate Sub Command1_Click（）（）End SubEnd Sub6.6.事件驱动事件驱动 所谓事件驱动就是当应用程序中某对象的特定所谓事件驱动就是当应用程序中某对象的特定事件发生时，通过执行一段程序代码，来完成该特定事件发生时，通过执行一段程序代码，来完成该特定事件所对应的操作。这与我们生活和工作中完成任务事件所对应的操作。这与我们生活和工作中完成任务的方式相同。例如，安东电源开关（触发事件），风的方式相同。例如，安东电源开关（触发事件），风扇转动（作出反应，完成某项操作）。扇转动（作出反应，完成某项操作）。根据对象触发的事件编写事件过程的这种程度程根据对象触发的事件编写事件过程的这种程度程序设计方式，称为事件驱动程序设计。序设计方式，称为事件驱动程序设计。在在VBVB中，由于程序员必须操作许多可视化元素，中，由于程序员必须操作许多可视化元素，因此创建事件驱动程序有时被称作因此创建事件驱动程序有时被称作“可视化编程可视化编程”。为了创建事件驱动程序，程序代码被附加到图形化对为了创建事件驱动程序，程序代码被附加到图形化对象上，用户操作对象来产生事件，触发与对象事件关象上，用户操作对象来产生事件，触发与对象事件关联的指令，如上图所示：联的指令，如上图所示：P74P743.1.2窗体和控件1.1.窗体窗体窗体是窗体是VBVB编程中最常见的对象，如下图所示编程中最常见的对象，如下图所示P75P75。窗体是程序设计的基础。各种控件对象必须建立窗体是程序设计的基础。各种控件对象必须建立在窗体上，一个窗体对应一个窗体模块。在窗体上，一个窗体对应一个窗体模块。窗体的属性决定了窗体的外观和操作。对于窗体的大窗体的属性决定了窗体的外观和操作。对于窗体的大部分属性来说。既可以通过属性窗口设置，也可以在部分属性来说。既可以通过属性窗口设置，也可以在程序代码中设置。窗体的常用属性见下表：程序代码中设置。窗体的常用属性见下表：P75P75窗体的事件较多，常用的事件见下表：窗体的事件较多，常用的事件见下表：P76P76窗体上常用的方法见下表：窗体上常用的方法见下表：P76P762.2.控件控件控件（控件（Contro1Contro1）是应用程序的图形用户界面中）是应用程序的图形用户界面中显示可供用户操纵，并可控制应用程序的图形界显示可供用户操纵，并可控制应用程序的图形界面元素，是面元素，是VBVB可视化编程的基本操作对象。可视化编程的基本操作对象。（1 1）控件工具箱。）控件工具箱。VBVB提供了一个标准工具箱，我们可以直接利用工提供了一个标准工具箱，我们可以直接利用工具箱中的控件进行程序设计，如下图所示：具箱中的控件进行程序设计，如下图所示：P77P77（2 2）控件的画法。）控件的画法。画控件是指将标准工具箱中的控件添加到窗体画控件是指将标准工具箱中的控件添加到窗体中的过程。画控件有两种方法：中的过程。画控件有两种方法：方法方法1 1：单击工具箱中的控件图标，在窗体上拖动鼠：单击工具箱中的控件图标，在窗体上拖动鼠标画出控件，画出的空间大小和位置可随意调整。标画出控件，画出的空间大小和位置可随意调整。方法方法2 2：双击工具箱中的空间图标，在窗体的中央添：双击工具箱中的空间图标，在窗体的中央添加控件，添加的控件的大小和位置可再行调整。加控件，添加的控件的大小和位置可再行调整。（3 3）控件的缩放和移动）控件的缩放和移动在窗体上选定控件后，控件的边框上出现八个蓝色的在窗体上选定控件后，控件的边框上出现八个蓝色的小方块，如下图所示小方块，如下图所示P773-9P773-9。对于选中的控件，可以。对于选中的控件，可以用两种方法对其进行缩放和移动。用两种方法对其进行缩放和移动。方法方法1 1：使用鼠标拖动控件到需要的地方。用鼠：使用鼠标拖动控件到需要的地方。用鼠标指针对准控件的八个小方块，出现双向箭头时，拖标指针对准控件的八个小方块，出现双向箭头时，拖动鼠标可以改变控件的大小。动鼠标可以改变控件的大小。方法方法2 2：在属性窗口中分别修改：在属性窗口中分别修改LeftLeft和和TopTop、WidthWidth和和HeightHeight属性所对应的属性值来改变控件的位属性所对应的属性值来改变控件的位置和大小。置和大小。(4)(4)控件的复制与删除。控件的复制与删除。与与WindowsWindows下的很多应用程序的操作相仿，控件的复下的很多应用程序的操作相仿，控件的复制和删除操作的一般步骤为：制和删除操作的一般步骤为：选定控件，从主菜单中选择选定控件，从主菜单中选择“编辑编辑”“”“复制复制”选选项。将控件复制到剪贴板中。项。将控件复制到剪贴板中。选择选择“编辑编辑”“”“粘贴粘贴”选项，将控件粘贴到窗体选项，将控件粘贴到窗体的左上角。由于复制控件名称相同，系统会弹出一个的左上角。由于复制控件名称相同，系统会弹出一个“是否创建控件数组是否创建控件数组”的对话框，如下图所示的对话框，如下图所示P783-P783-1010。单击。单击“否否”按钮，完成控件的复制。按钮，完成控件的复制。3.1.3VB可视化编程的方法VBVB的对象被抽象为窗体和控件，因而大大简的对象被抽象为窗体和控件，因而大大简化了程序设计。在用化了程序设计。在用VBVB开发应用程序时，一开发应用程序时，一般需要经历建立工程、设置对象属性、编写程般需要经历建立工程、设置对象属性、编写程序代码等步骤，用序代码等步骤，用VBVB编程的基本步骤如下图编程的基本步骤如下图所示：所示：P783-11P783-11下面我们从一个简单的程序设计出发，学习用下面我们从一个简单的程序设计出发，学习用VBVB进行可视化编程的方法。具体实现过程如下：进行可视化编程的方法。具体实现过程如下：（1 1）建立工程）建立工程在在VBVB中，开发的每个应用程序都被称为工程，工中，开发的每个应用程序都被称为工程，工程是组成一个应用程序的文件集合。建立一个工程程是组成一个应用程序的文件集合。建立一个工程有两种主要的方法：有两种主要的方法：方法方法1 1：启动：启动VBVB后，在弹出的后，在弹出的“新建工程新建工程”对话框对话框中单击中单击“打开打开”按钮，进入按钮，进入VBVB集成开发环境。此集成开发环境。此时，该工程的窗体设计器中显示一个有待设计的空时，该工程的窗体设计器中显示一个有待设计的空白窗体，其默认名为白窗体，其默认名为Form1Form1。方法方法2:2:在在VBVB的集成开发环境中，选择的集成开发环境中，选择“文件文件”“新建工程新建工程”选项，在选项，在“新建工程新建工程”对话框中双对话框中双击击“标准标准EXE”EXE”选项。选项。（2 2）创建图形用户界面。）创建图形用户界面。应用程序界面既是展示程序信息的场所，也是用应用程序界面既是展示程序信息的场所，也是用户操作应用程序的地方，设计优良的界面能让人户操作应用程序的地方，设计优良的界面能让人赏心悦目。界面由对象即窗体和控件组成，所有赏心悦目。界面由对象即窗体和控件组成，所有的控件都放在窗体上。而窗体是应用程序的用户的控件都放在窗体上。而窗体是应用程序的用户界面。界面。本程序需要创建两个窗体本程序需要创建两个窗体Form1Form1和和Form2Form2，在，在Form1上需添加两个标签、两个文本框和三个命令按钮，具体操作如下：选择选择“工程工程”“”“添加窗体添加窗体”选项，在出现的选项，在出现的“添添加窗体加窗体”对话框中，保留其默认选项，单击对话框中，保留其默认选项，单击“打开打开”按钮，创建一个窗体按钮，创建一个窗体Form2Form2。在工程窗口中，双击在工程窗口中，双击“Form1”Form1”项显示窗体项显示窗体Form1Form1，单击工具箱中的标签控件图标，单击工具箱中的标签控件图标 ，然后将鼠标指，然后将鼠标指针定位在窗体中的适当位置（此时鼠标指针呈十字针定位在窗体中的适当位置（此时鼠标指针呈十字线），拖动鼠标，画出适当大小的标签，其默认名线），拖动鼠标，画出适当大小的标签，其默认名称为称为Label1Label1。重复次操作在。重复次操作在Label1Label1下方再添加一个标下方再添加一个标签签Label2Label2。单击工具箱中的文本框控件图标 ，在Label1标签的右边画出适当大小的文本输入框，其默认名称为Text1.重复此操作在Label2标签的右边再添加一个文本框Text2。单击工具箱中的命令按钮图标 ，在标签控件的下面画出适当大小的命令按钮，其默认名称为Command1.重复此操作，在窗体上画出另外两个命令按钮，其默认名称分别为Command2和Command3。图形用户界面的设计结果如下图所示：P803-13选中窗体选中窗体Form2Form2，在该窗体的中央添加一个，在该窗体的中央添加一个标签，其默认名称为标签，其默认名称为Label1Label1，如下图所示：，如下图所示：P803-14P803-14（3 3）设置对象属性。）设置对象属性。选择选择“视图视图”“”“属性窗口属性窗口”选项，或在工具栏选项，或在工具栏上单击上单击“属性窗口属性窗口”按钮按钮 ，或用鼠标右键单击控件，或用鼠标右键单击控件，从弹出的快捷菜单中选择从弹出的快捷菜单中选择“属性窗口属性窗口”选项，可以打选项，可以打开选中控件的属性窗口。开选中控件的属性窗口。在属性窗口中设置对象属性的方法如下：在属性窗口中设置对象属性的方法如下：在属性列表中选定属性名。在属性列表中选定属性名。在右列中输入或选定新的属性设置值。属性窗口列在右列中输入或选定新的属性设置值。属性窗口列举属性有预定义的设置值清单。单击属性值列表框右举属性有预定义的设置值清单。单击属性值列表框右边的向下箭头，可以显示该清单。边的向下箭头，可以显示该清单。首先，需对窗体首先，需对窗体Form1Form1中七个控件的部分属性值进行修中七个控件的部分属性值进行修改，具体操作如下：改，具体操作如下：选中窗体中的标签控件选中窗体中的标签控件Label1Label1，在其窗口的属性名称，在其窗口的属性名称中单击中单击“Caption”Caption”，删除右侧的默认值，删除右侧的默认值“Label1”Label1”，输入输入“用户名：用户名：”。用类似的操作设置。用类似的操作设置Label2Label2的的CaptionCaption属性值为属性值为“密码：密码：”。选中文本框选中文本框Text1Text1，在其窗口的属性名称中单击，在其窗口的属性名称中单击“Text”Text”，删除右侧的默认值，删除右侧的默认值“Text1”Text1”。用类似的操。用类似的操作删除作删除Text2Text2中中TextText的属性值的属性值“Text2”Text2”。Text2Text2的的PassWordcharPassWordchar的属性值设置为的属性值设置为“*”“*”。同理，把命令按钮同理，把命令按钮Command1至Command3的Caption属性分别设置为“登陆”、“重置”和“退出”，并将这3个按钮的Font属性值设置为“仿宋体，小四号“。其次，还需对窗体其次，还需对窗体Form2Form2中中Label1Label1控件的控件的CaptionCaption属性值进行修改，将其属性值设置为属性值进行修改，将其属性值设置为”登陆成功！登陆成功！“。本程序的相关控件的属性设置如下图所示：本程序的相关控件的属性设置如下图所示：P81 3-4P81 3-4（4 4）编写程序代码。）编写程序代码。编写程序代码在代码编辑窗口中进行。代码由编写程序代码在代码编辑窗口中进行。代码由语句、常数和声明部分组成。在代码编辑窗口中可语句、常数和声明部分组成。在代码编辑窗口中可以快速查看和编辑应用程序代码的任何部分。以快速查看和编辑应用程序代码的任何部分。本程序需对窗体中的本程序需对窗体中的3 3个命令按钮要响应的单击个命令按钮要响应的单击事件及窗体装入事件编写程序代码，具体操作如下：事件及窗体装入事件编写程序代码，具体操作如下：双击窗体上的双击窗体上的“登陆登陆”按钮，打开代码窗口，输按钮，打开代码窗口，输入以下的程序代码：入以下的程序代码：P81 P81 在代码窗口的“对象”下拉列表中选择Command2，“事件过程”列表中默认选择单击事件Click，代码窗口中出现相应的过程头和过程尾。在头尾之间输入以下程序代码：同理，在代码窗口的“对象”下拉列表中选择Command3，并输入以下程序代码：Private Sub Command3_Click()End End Sub至此，程序设计工作结束，即编写了三个事件过程代码。