vfp表单设计PPT.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,表单设计,一个应用程序的好坏，给用户的第一印象既不是程序代码的好坏，也不是运行效率的高低，而是用户界面是否友好。,问题的提出：,怎样设计出界面友好的程序。,解决问题的方法：,Visual FoxPro 6.0,提供了设计界面的方法,可以通过表单设计，使程序界面美观、更加友好。,1,第五章 表单设计,本章主要内容：,l,如何创建表单,l,对象的属性、事件和方法,l,表单控件,我们来学习表单设计！,2,第五章 表单设计,通过学习本章内容，您能够做到：,学会使用表单向导和表单设计器创建表单,掌握类和对象及对象的属性、事件和方法等概念,掌握,VFP,中各类控件的特点和性能，学会在表单中设计控件,学会在表单中编写事件代码,能够独立编制出完整的表单,3,本章目录,5.1,引例,5.2,创建表单,5.3,对象及对象的属性、事件和方法,5.4,表单中的控件,5.5,表单设计示例,HOME,4,5.1,引例,通过第四章的学习，我们可以通过传统的结构化编程方法求出,1+2+,+N,之和，现在我们可以设计一个较为直观的界面，通过面向对象的方法来解决这个问题，如下图所示，当我们在表单的文本框中输入,100,后，单击,“,求累加,”,按钮，则表单中显示出,“,累加和为,5050,”,。,5,再来看一个学生档案管理表单，如图所示，我们可以在该表单中完成对学生档案表,xsda.dbf,的显示、输入、编辑等操作。,6,通过上面的例子，我们可以看出表单又称为界面或窗体，各种对话框和窗口都是表单不同的表现形式，同时面向对象编程的应用程序大多数工作都是在表单中进行，设计表单的过程就是设计程序界面的过程。如何创建表单就成了设计表单的首要过程。,7,5.2,创建表单,在,Visual FoxPro,6.0,中，创建表单有以下三种方式：,（,1,）可以直接利用表单向导创建表单；,（,2,）利用表单设计器创建表单；,（,3,）通过,“,表单,”,菜单中的,“,快速菜单,”,来添加表单控件和定制表单,8,5.2,创建表单,5.2.1,表单向导的使用,5.2.2,表单设计器的使用,5.2.3,创建数据环境,5.2.4,表单的保存及运行,5.2.5,表单集的创建,9,5.2.1,表单向导的使用,“,表单向导,”,是,Visual Foxpro 6.0,提供的创建表单的快速、简单的方法。,由于表单向导的交互性，开发人员无须用复杂的编程来实现，使创建表单变得更轻松。,10,启动,“,表单向导,”,可采用以下两种方法之一。,方法一：在,“,项目管理器,”,中启动,“,表单向导,”,。,例：创建,“,学生档案,”,表单。,选择,“,项目管理器,”,的,“,文档,”,选项卡中,“,表单,”,项单击,“,新建,”,按钮在,“,新建表单,”,对话框（如下左图所示）中单击,“,表单向导,”,出现,“,向导选取,”,对话框（如下右图所示）选,“,表单向导,”,单击,“,确定,”,。,11,表单向导对话框,选择数据库和表以及表单上要显示的字段。,12,选择表单的样式和按钮的类型。,13,选择排序的字段。,14,输入表单标题。,15,表单向导在得到所有需要的信息后自动创建表单，表单运行后如图所示：,16,注 意,：应用向导建立表单，修改表单应用表单设计器。,17,启动表单向导方法二：在,“,文件,”,菜单中选,“,新建,”,来启动,“,表单向导,”,。,单击,“,文件,”,菜单中的,“,新建,”,菜单项在,“,新建,”,对话框中选用,“,表单,”,选项单击,“,向导,”,按钮出现,“,向导选取,”,对话框，如下图所示。,18,5.2.2,表单设计器的使用,在,Visual FoxPro,中，用户除了可用,“,表单向导,”,创建表单外，更多的时候是用,“,表单设计器,”,设计表单。表单设计完后，也用,“,表单设计器,”,修改。表单设计器集成了用于表单设计的各种对象和操作工具，并给予可视化提示。,19,5.2.2,表单设计器的使用,1.,表单设计器的启动,2.,表单设计器工具栏,3.,向表单中添加对象,4.,对象的引用,5.,设置对象的属性,6.,编辑对象的事件代码,20,1.,表单设计器的启动,例：创建,“,学生成绩,”,表单。,有两种方法启动表单设计器,方法一：选择,“,项目管理器,”,的,“,文档,”,选项卡中的,“,表单,”,项，单击,“,新建,”,按钮出现,“,新建表单,”,对话框单击,“,新建表单,”,。,方法二：单击,“,文件,”,菜单中的,“,新建,”,出现,“,新建,”,对话框启用,“,表单,”,选项并单击,“,新建文件,”,按钮。,21,上述两种方法都将弹出,“,表单设计器,”,对话框，如图所示。,新表单,22,2.,表单设计器工具栏,下图为表单设计器工具栏，分别包含如下按钮。,设置,Tab,次序,数据环境,属性窗口,代码窗口,表单控件工具栏,调色板工具栏,布局工具栏,表单生成器,自动格式,23,3.,向表单中添加对象,（,1,）使用,“,表单生成器,”,添加表字段,操作步骤如下：,在表单设计器工具栏中单击,“,表单生成器,”,打开表单生成器对话框在,“,字段选取,”,选项页中选择数据库、表和表单中需要显示的字段；,24,选择,“,表单生成器,”,的,“,样式,”,选项卡在其中选择生成表单的样式；,25,单击“确定”自动生成表单。,26,（,2,）使用,“,数据环境设计器,”,添加表字段、表,操作步骤：,在打开,“,表单设计器,”,在表单设计器工具栏中单击,“,数据环境,”,打开,“,添加表或视图,”,对话框选相应的表添加到,“,数据环境设计器,”,中。,27,用鼠标左键在数据库环境设计器的字段列表中选定字段直接拖拽到表单中用户指定的位置即可。,28,（,3,）使用,“,控件生成器,”,添加控件,在,Visual FoxPro,中提供了文本框、编辑框、命令或组、选项组、组合框、列表框和表格等,7,个标准控件生成器工具。用户可以利用这些,“,控件生成器,”,，在窗口添加或修改、定制某控件。,29,4.,对象的引用,对于容器层次中的对象，为了引用和操作，就必须标识出与其关联的容器类。例如，要操作表单集中某一表单的控件，就必须先引用表单集和表单，然后才是控件。,Visual FoxPro,提供了绝对引用和相对引用两种方式。,30,绝对引用必须标明每个层次对象的对象名，相对引用可用以下的简捷方法来标识要操作的对象：,Parent,：引用对象的直接容器（上一层容器类）。,This,：表示当前对象。,ThisForm,：表示包含该对象的表单。,ThisFormset,：表示包含该对象的表单集。,ActiveControl,：表示当前活动表单中有焦点的控件,例如,：,ThisFormset.Form1.Command1.Caption=,”,确定,”,ThisForm.Command1.Caption=,”,确定,”,This.Caption=,”,确定,”,This.Parent.BackColor=RGB(255,0,0),31,5.,设置对象的属性,可在属性窗口中设置，也可通过命令设置，例：,Thisform.Label1.Caption=,“,累加和：,”,注意,：如果属性要求输入字符值，不必用引号将这个值括起来。,32,6.,编辑对象的事件代码,在表单中当用户进行某些动作时，便会自动触发对象的事件代码，编写事件代码是面向对象的程序设计中最常用、最主要的方法。在,VFP,可视化环境设计中，事件代码的编辑可在,“,代码窗口,”,中进行。,33,选中表单设计器工具条中的,“,代码窗口,”,按钮，或利用,“,显示,”,菜单中,“,代码,”,菜单项，或双击对象都将会出现代码窗口，如下图所示。,事件,选择栏,对象,选择栏,代码编辑栏,34,示 例,设计,“,学生管理系统,”,欢迎界面,35,操作步骤：,打开,”,表单设计器,”,添加两个标签,设置属性：在标签上输入文字设置字体、大小、背景等。,36,输入事件代码,37,5.2.3,创建数据环境,每一个表单或表单集都包括一个数据环境。数据环境是一个对象，它包括了在运行一个表单时需要打开的全部表、视图和关系。可以在,“,数据环境设计器,”,中可视地设置数据环境，并将它和表单或表单集一起保存。,38,1.,数据环境设计器的启动,方法一：,“,显示,”,菜单中选择,“,数据环境,”,选项；,方法二：右击表单空白处，选,“,数据环境,”,；,方法三：单击表单设计器工具栏中,“,数据环境,”,按钮。,2.,向数据环境中添加表或视图：右击数据环境设计器，选,“,添加,”,。,3.,移去数据环境中的表：方法同移去数据库表文件方法相同。,4.,为数据环境设置关系：建立主表和从表的关系。,5.,向表单中添加表字段、表：选定表字段或表直接拖到表单上。,39,5.2.4,表单的保存及运行,1.,表单的保存,在,“,表单设计器,”,中保存表单，可以从,“,文件,”,菜单中选择,“,保存,”,选项，则,“,表单设计器,”,中的表单以文件形式存盘，表单文件的扩展名为,.scx,。对于新创建未命名的表单，在选择,“,保存,”,选项之后，将弹出,“,另存为,”,对话框提示用户为表单输入文件名。,40,2.,表单的运行,方法一：选,“,表单,”,菜单中的,“,执行表单,”,菜单项；,方法二：在,“,项目管理器,”,选表单名称，单击,“,运行,”,按钮。,方法三：输入命令,DO FORM,表单文件名,41,示 例,设计“学生管理系统”用户登陆界面（,kl.scx),42,操作步骤：,打开“表单设计器”添加控件两个标签、两个文本框；,设置属性：设置标签的属性和文本框的属性；,标签的主要属性设置：,Name:label1 Name:label2,Autosize:T Autosize:T,Caption:,请输入用户名,Caption:,请输入密码,Fontsize:16 Fontsize:16,文本框的主要属性设置：,Name:text1 Name:text2,Fontsize:16 Fontsize:16,Passwordchar:*,43,输入事件代码,Text2,的,Keypress,事件：,LPARAMETERS nKeyCode,nShiftAltCtrl,if nkeycode=13.and.!empty(this.value),if alltrim(thisform.text1.value)=ABCDEFG.and.alltrim(thisform.text2.value)=123456,do d:ykymain.mpr,thisform.tabstop=.t.,thisform.release,else,messagebox(,姓名或口令不正确，您不能使用本系统,!),this.value=,thisform.tabstop=.f.,endif,endif,44,5.2.5,表单集的创建,在,Visual FoxPro,中，可以将多个表单包含在一个表单集中。这样可以对表单集中的所有表单进行统一操作（如一起显示或隐藏表单集中的表单），同时将多个表单组织成一个表单集可以统一控制和安排这些表单的相对位置。,45,要创建新的表单集，请选择,“,表单,”,菜单的,“,创建表单集,”,菜单项。创建表单集后，就可以将表单分别添加到表单集中。要将表单添加到表单集中，请选择,“,表单,”,菜单中的,“,添加新表单,”,命令。,对于已经包含在表单集中的表单，如果要从表单集中将其移去，那么可以在表单设计器中选择要移去的表单，然后选择,“,表单,”,菜单的,“,移除表单,”,命令。对于只有一个表单的表单集，可以选择,“,表单,”,菜单的,“,移除表单集,”,命令移去这个表单集。,46,5.3,对象及对象的属性、事件和方法,Visual FoxPro 6.0,提供了面向对象编程的功能，在面向对象的程序设计中，最基本的概念就是类和对象的概念。,47,5.3,对象及对象的属性、事件和方法,5.3.1,类与对象概述,5.3.2,对象的属性、事件及方法,5.3.3,表单的属性、事件和方法,48,5.3.1,类与对象概述,1.,对象,对象可以是我们感兴趣的所有事物，它是有着各自特殊属性和行为方式的逻辑实体。现实生活中的每一个人、每一个可见的实体均可视为一个对象，大到地球，小到一张纸等，整个世界就是由这些不同的对象构成的。为了区别和标识不同的对象，每个对象都应该有一个属于自己的名字，正如我们每个人都有姓名。,49,对象具有以下一些特点：,（,l,）每个对象都具有对象标识符又称为对象名，用标识符来表示对象的唯一性。,（,2,）对象必须属于一个对象类。,50,2.,类,类是描述一个特定对象类型必备特征的模型。,类和对象关系密切，但并不相同。类包含了有关对象的特征和行为信息，它是对象的蓝图和框架，对象是类的一个实例。例如，人应该有性别、身高、体重等特征，有哭、笑、行走等行为，我们每个人就是,“,人,”,这个类中的一个实体,对象。,51,类具有以下三个重要特点：,（,1,）继承性：可以从现有的类派生出新类。例如：学生是从人类派生出来的新类。,（,2,）封装性：将方法和数据存放于同一个对象中，对数据的存取只能通过该对象本身的方法来进行。,（,3,）多态性：不同的对象接收到相同的消息时，可以做出完全不同的解释。,52,3.Visual FoxPro,中的类,（,1,）基类,基类是父类的集成，基类可以派生出子类或创建对象。,（,2,）容器类和控件类,1,）容器类,容器类对象可以包含其他对象，并且允许访问这些对象。,例：命令按钮组、表单,2,）控件类,控件类对象不能包含其他对象，只能加入到其他容器对象中。,例：文本框、标签,53,5.3.2,对象的属性、事件及方法,1.,对象的属性,对象的属性：描述对象的,外部特征（状态）,。,属性表：一个对象的所有属性的集合。,设置对象的属性可以用：,a.,属性窗口,b.,程序语句,设置属性的命令语法：,Parent.Object.Property=Value,例：,Thisform.txt,编号,.Value=0,显示属性的命令：,?Parent.Object.Property,54,2.,对象的事件及事件过程,事件：是指系统预先设置好的，能够被对象识别的动作。,例：鼠标单击事件,Click,；按键事件,KeyPress,。,事件可以由用户动作产生，也可以由程序代码或系统产生。对事件的响应是通过调用执行一个与事件相关的事件过程来实现。,事件过程一般格式为：,PROCEDURE,对象名,.,事件名,程序代码,ENDPROC,55,3.,对象的方法,方法：是指对象本身所内含的一些特殊函数或过程，利用这些内部自带的函数或过程，可以实现一些特殊的功能或动作。,调用方法的命令语法：,Parent.Object.Method,例：,This.Text1.SetFocus,56,5.3.3,表单的属性、事件和方法,1.,表单的属性下表：,例：,thisform.backcolor=RGB(0,255,0),57,2.,表单事件,Click,：表单的单击事件；,Load,：创建表单前发生事件；,Unload,：关闭表单时，将发生事件；,Resize,：调整对象大小时发生事件；,Activate,：激活一个对象时发生事件；,Deactivate,：表单不再处于激活状态时发生事件。,58,3.,表单方法,59,5.4,表单中的控件,控件是放在表单上用以显示数据,(label),、执行操作,(command),或使表单更易阅读,(list),的一种图形对象，控件的不同以及处理任务的不同，其属性及其属性的设置、事件处理代码和方法程序也有所不同。,60,5.4,表单中的控件,5.4.1,控件的分类,5.4.2,选择合适的控件,5.4.3,常用控件介绍,5.4.4,设置访问键及工具提示,5.4.5,控件的基本操作,5.4.6,设置控件的,Tab,键次序,61,5.4.1,控件的分类,按照控件与数据的关系划分，表单中的控件分为两类：,一种控件被绑定到某数据项上，一种控件未进行数据绑定。,用,ControlSource,属性将控件绑定到数据项上。,表格控件用,RecordSource,属性进行设置。,62,5.4.2,选择合适的控件,由于不同的控件其特征和行为都不相同，在表单设计时，控件应根据所处理的任务进行选择。,利用选项按钮组、列表框、下拉列表框、复选框等控件，可以为用户提供一组预先设定的数据选项；,利用文本框、编辑框、组合框等控件可以让用户输入预先不能确定的数据；,利用标签、文本框、形状、线条、图形、图像等控件可以显示信息。,63,5.4.3,常用控件介绍,在,“,表单控件,”,工具栏中共有,25,个按钮。它们是一个,“,选择,”,按钮、一个,“,锁定,”,按钮、一个,“,查看类,”,、,21,个标准控件和一个,“,ActiveX,”,控件。,下面我们将选取常用的控件进行讲解。,64,1.,标签控件,标签控件加入表单的信息是用来标识字段或向用户显示提示信息，标签控件常见属性参考表,5-4,所示。其信息是通过,Caption,属性显示出来的。,65,2.,文本框,(Text),放置单行文本，可输入或更改文本（非备注字段中的数据）。,属性性：,在进行数据绑定时（设置,ControlSource,属性），先要设置数据环境，然后才能进行。,66,3.,编辑框,(Edit),放置多行文本，可输入或更改文本，可以是长字段或备注字段中的数据。,属性：基本同文本框的属性。,编辑框,67,4.,列表框,(List),提供一个可滚动的列表，但不能输入文本，是容器类控件。,应用“列表框生成器”选定有关字段的内容赋给列表框。,在列表框上单击鼠标右键选“生成器”。,68,5.,组合框（,Combo,）,相当于列表框和文本框的组合，可输入文本，可选择条目。,属性：,最重要的属性：,ControlSource,、,RowSource,、,RowSourceType,69,组合框生成器,下拉组合框,70,6.,复选框,(Check),指明是选定还是不选定。,属性：,ControlSource,一般绑定表文件中的逻辑字段。,Value:,值为,0,或,.F.,，未选定；,Value:,值为,1,或,.T.,，表示选定；,Value:,值为,2,或,NULL,，表示不可用。,图,复选框,71,7.,选项按钮组,Optiongroup,其中选项按钮为：,Option1,、,Option2,。,是包含选项按钮的容器。,属性：,图,编辑选项按钮,图,选项按钮组,72,8.,命令按钮,(Command),及命令按钮组（,Commandgroup,）,创建单个命令按钮和一组命令按钮。,命令按钮属性：,命令按钮组属性：,73,9.,表格控件,表格是一个容器，可以用表格形式显示数据。,属性：,应用“表格生成器”选择表中字段。,表格控件,74,10.,页框控件,页框控件是可以包含多页面的容器类控件。,属性：,75,5.4.4,设置访问键及工具提示,为控件设置访问键的方法是：在控件的,Caption,属性中欲作为访问键的字母之前加反斜杠和小于符（,）。当控件带有访问键时，可以按,Alt,加访问键来选择表单中的控件。例如，设置命令按钮的,Caption,属性为,“,编辑（,E,）,”,，按则,Alt+E,键就相当于单击该命令按钮。,每个控件都有一个,ToolTipText,属性，用于确定当鼠标指针暂停在控件上时要显示的文本（工具提示）。至于是否显示工具提示，则由表单中的,ShowTips,属性确定。,76,5.4.5,控件的基本操作,1.,选择控件,2.,移动控件,3.,缩放控件,4.,删除控件,5.,复制控件,6.,调整和对齐控件,77,5.4.6,设置控件的,Tab,键次序,选,“,工具,”,菜单中,“,选项,”,，选,“,表单,”,选项卡，在,“,Tab,键次序,”,中可选择,“,按列表,”,或,“,交互,”,。,1.,交互设置,Tab,键次序,显示,Tab,键次序，双击该控件使该控件为,Tab,键的第一个控件，依次单击其它控件。,2.,按列表设置,Tab,键次序,显示,Tab,键次序，单击,“,按行,”,或,“,按列,”,按钮，单击,“,确定,”,。,78,设计“学生档案”表单,5.5,表单设计示例,79,