补充第7章 表单设计基础.ppt

1、第 7 章 表单设计基础,7.1对象 7.2表单设计基础 7.3表单常用控件 7.4表单其他控件 7.5 考试真题分析,7.1 对象,7.1.1 对象的属性、事件与方法 1. 对象的属性,在程序中设置属性的一般格式是 表单名.对象名.属性名 = 属性值 2. 对象的事件 3. 对象的方法,7.1.2 控件与对象 1. 常用控件和内部对象 常用控件由VFP的基类提供，共21个，每个控件用“表单控件”工具栏中的一个图形按钮表示，见下表。,2. 表单对象 (1) 表单的结构 (2) 表单的属性 常用的表单属性如表所示。,7.2表单设计基础,7.2.1表单简介 表单是VFP常用的具有控件、属性、事件、

2、方法程序和数据环境的容器对象。 1表单控件 表单中使用的控件是提供给用户的基于标准化图形界面的多功能、多任务工具。它的主要用途是显示并可输入/输出数据，完成某种具有特定功能的操作，构造用户和计算机相互沟通的屏幕界面。 表单中的控件有两类：与数据绑定和不与数据绑定的控件。,表7-1表单常用控件,2表单属性 3表单事件 4表单方法程序 5表单数据环境 7表单设计常用工具和步骤,表7-3常用表单事件,表7-5 常用数据环境及数据源属性,表单的设计过程是通过以下几个步骤实现： 创建表单； 为表单添加控件； 设置表单的控件属性； 选择与控件相适应的事件； 设置数据环境。,在VFP中，可用下列方法生成表单

3、： 使用表单向导； 通过“表单”菜单上的“快捷表单”命令； 使用“表单设计器”； 使用命令：CREATE FORM。,7.2.2表单向导 VFP提供了两种表单向导来创建表单，如图7.1所示。 使用表单向导创建基于一个表的表单。 一对多表单向导创建基于两个及两个以上表（按一对多关系链接）的表单。 1表单向导 例7-1用“表单向导”建立学生基本信息表单。,图7.1“向导选取”对话框,图7.2“表单向导”步骤1对话框,图7.3“表单向导”步骤2对话框,图7.4“表单向导”步骤3对话框,图7.5“表单向导”步骤4对话框,图7.6“学生基本信息”表单的预览效果,2建立一对多表单向导 例7-2用表单向导建

4、立学生成绩表单。,图7.7“一对多表单向导”步骤1对话框,图7.8“一对多表单向导”步骤2对话框,图7.9“一对多表单向导”步骤3对话框,图7.10“学生成绩”表单的预览效果,7.2.3表单设计器 表单设计器（见图7.11）是创建表单的重要工具，绝大多数的表单是通过表单设计器创建的。表单设计器不仅能创建表单，而且还能修改表单，即使是由表单向导创建的表单也可修改。表单的操作界面是可视化的，用户可利用多种工具栏和菜单在表单上创建和修改对象。,图7.11“表单设计器”操作界面,图7.12“工具栏”对话框,7.2.4“表单设计器”工具栏 “表单设计器”工具栏主要用于设置设计模式，并控制相关窗口和工具栏

5、的显示。其中各个图标的含义如表7-7所示。,表7-7 “表单设计器”工具栏中各图标的说明,7.2.5“表单控件”工具栏 “表单控件”工具栏用于在表单上创建控件，如图7.13所示。,图7.13“表单控件”工具栏,7.2.6“布局”工具栏 使用“布局”工具栏在表单上对齐调整控件的位置，如图7.14所示。,图7.14“布局”工具栏,7.1.7“调色板”工具栏 使用“调色板”工具栏设定表单上各控件的颜色，如图7.15所示。它其中的3个图标的含义如表7-7所示（其他的图标是颜色按钮，这里就不一一说明）。,表7-7“调色板”工具栏部分图标说明,图7.14“布局”工具栏,图7.15“调色板”工具栏,7.2.

6、8“属性”窗口 通过表单设计器的“属性”窗口和“代码编辑”窗口可对表单及其控件的属性、事件和方法进行设置。 在“属性”窗口中包含了所有选定的表单或控件、数据环境、临时表、关系的属性、事件和方法程序列表。通过“属性”窗口可对这些属性值进行设置或更改。 “属性”窗口由对象、选项卡、属性设置选项、属性列表和属性说明信息组成。,图7.16“属性”窗口,1对象,表7-8“属性”窗口各选项卡中的内容,2选项卡 选项卡的作用是按照分类的形式显示属性、事件和方法程序。 3属性设置选项 属性设置选项用于更改属性的属性值。 4属性列表 属性列表包含了两列的列表，它显示了所有在设计时更改的属性和它们的当前值。对于具

7、有预定值的属性，在属性列表中双击属性名则遍历所有的可选项。 5属性说明信息 在“属性”窗口的底部，给出了所选属性的简要说明信息。,7.2.9“代码编辑”窗口 在表单设计器的“代码编辑”窗口，能为事件或方法程序编写代码。代码编辑窗口包含两个组合框和一个列表框，如图7.17所示。,图7.17“代码编辑”窗口,打开“代码编辑”窗口的方法有以下几种。 双击表单或控件。 选择表单或控件快捷菜单中的“代码”命令。 选择“显示”菜单中的“代码”命令。 双击“属性”窗口中的“事件或方法程序”选项。,7.2.10表单设计器中的数据环境设计器 数据环境是表单设计的数据来源，表单设计器中的数据环境器用于表单的数据环

8、境设置，如图7.18所示。打开数据环境设计器的方法如下。,图7.18数据环境设计器,选择“显示”菜单中的“数据环境”命令。 选择表单快捷菜单中的“数据环境”命令。 数据环境是一个对象，它包含与表单相互作用的表或视图，以及这些表之间的关系。在数据环境设计器中可进行以下操作。 （1）添加表或视图。 （2）在数据环境设计器中拖动表和字段。 （3）从数据环境设计器中移去表或视图。 （4）在数据环境中设置关系。 （5）在数据环境中编辑关系。,7.3表单常用控件,表单是做为应用系统的界面，也是用户进行应用系统开发的基础。 7.3.1控件的基本操作 表单控件的基本操作包括创建控件和设置控件属性等。 （1）创

9、建控件 （2）设置控件属性,7.3.2标签、文本框和命令按钮 1标签 标签控件主要用于显示一段固定的文本信息字符串，它没有数据源，将显示的字符串赋予标签的“标题（Caption）”属性即可。标签控件是按一定格式显示在表单上的文本信息，用于显示表单中的说明和提示。 例7-3计如图7-19所示的“学生信息系统”初始界面的表单。,图7.19标签应用示例,操作步骤如下。 （1）在系统菜单下选择“文件”“新建”命令，在“新建”对话框中选择“表单”，单击“新建文件”按钮，进入“表单设计器”窗口。 （2）在表单中，使用“表单控件”工具栏中的“标签”按钮，分别创建3个标签控件。 （3）在“属性”窗口中，分别为

10、表单和控件设置属性值，如表7-9所示。,表7-9 “标签应用”表单和控件的主要属性设置及说明,注意：当表单或控件的“Name”属性未定义时，系统将自动给定默认名，如Form1，label1、Text1和ommand1等。 （4）当表单及控件的属性定义完成后，选择菜单下的“文件”保存”命令，输入表单文件保存位置和文件名（本例中表单文件名为“标签应用”）。 （5）选择系统菜单下的“表单”（或快捷菜单）“执行表单”命令，该表单将被执行。如果表单没有保存过，系统将弹出信息框提示保存表单，令用户保存表单文件。,2文本框 文本框允许用户在表单上输入或查看文本，一般包含一行文本。文本框是一类基本控件，它允许

11、用户添加或编辑保存在表中非备注字段中的数据。创建一个文本框，可在其中编辑内存变量、数组元素或字段内容。 例7-4设计如图7-20所示的只有学生学号和姓名的表单。,图7.20文本框应用示例,建立此表单有两种方法。 方法一： 操作步骤如下。 （1）新建一个表单，在该表单中创建3个标签和两个文本框，选择位置并调整大小。 （2）设置标签的字体和字号。 （3）打开数据环境设计器，添加“STU_INFO”数据表，并在属性框中设置文本框的数据源，表单的主要属性及设置如表7-10所示。 （4）保存表单，名称为“文本框应用”。,表7-10“文本框应用”表单和控件的主要属性设置及说明,续表,方法二： 操作步骤如下

12、。 （1）在表单中创建一个标签控件，选择位置并调整大小。 （2）打开数据环境设计器，添加“STU_INFO”数据表，然后将表中的“学号”和“姓名”字段分别拖入到表单中的适当位置，“学号”和“姓名”的标签及两个文本框将自动生成，此时数据源将自动配制。调整控件的大小、字体和字号后，设计就完成了。,3命令按钮 命令按钮控件在应用程序中起控制作用，用于完成某一特定的操作。 例7-5设计如图7-21所示的，带有命令按钮的系统登录表单。,图7.21命令按钮应用示例,操作步骤如下。 （1）在表单中创建一个标签控件和两个命令按钮控件，选择位置并调整大小。 （2）设置控件的字体和字号，主要属性如表7-11所示。

13、 （3）打开“代码编辑”窗口，为两个命令按钮添加“Click”事件。 （4）保存表单文件，该表单保存为“命令按钮应用”。,表7-11 “文本框应用”表单和控件的主要属性设置及说明,表7-12对话框架按钮,表7-13对话框图标,表7-14对话框默认按钮,表7-15对话框按钮,图7.22MessageBox()函数图示,7.3.3常用表单控件应用 标签、文本框和命令按钮等控件是表单中最常用的控件，几乎所有的表单都离不了这几个控件，下面用实例进一步介绍其用法。,图7.23“系统登录”表单界面,例7-6设计一个如图7.23所示的系统登录界面。 系统分析如下。 （1）界面中需要两个标签控件、两个按钮控件

14、和一个文本框控件。 （2）密码框中的密码不能显示出来，只能用掩码显示，如使用“*”掩码。该步骤在文本框控件的“PasswordChar”属性中指定。,（3）功能要求限制用户只能登录三次，超过三次说明该用户为非法用户。该步骤在“确认”按钮的“Click”事件中体现。 （4）退出前，需用户确认才能进行。该步骤在“退出”按钮的“Click”事件中体现。 （5）在编写代码时，将每一段代码的功能和说明用注释语句写出。,操作步骤下。 （1）在表单中创建两个标签控件、两个按钮控件和一个文本框控件，分别设置各控件的字体、字号和位置并调整大小，其主要属性如表7-16所示。,表7-16“系统登录”表单和控件和主要

15、属性设置及说明,（2）打开“代码编辑”窗口为“确认”按钮和“退出”按钮分别编写“Click”事件。图7.24所示为“确认”按钮的“Click”事件。 （3）保存表单文件为:系统登录.scx。 例7-7深入设计如图7.25所示的“系统登录”界面,图7.24“确认(Command1)”按钮的“Click”事件代码,图7.25“系统登录”界面,例7-6中的验证密码为指定的字符串，在实际应用中一个系统可能有多个用户，每个用户的操作密码不同并且可能有不同的权限，所以此时需要建立一个账号表，从账号表中取中相应的记录对账号和密码进行验证。 系统分析如下。 （1）建立账号表，其中包括账号、密码和账号类型3个字

16、段。 （2）由于该表单从账号表中读取账号和密码两个字段，所以该例属于表单对表的操作。在此时由于账号和密码是需要用户输入的，而不是从表里将这两个字段的值显示出来，所以这两个文本框不能与账号和密码字段进行数据绑定。 （3）对账号和密码进行分别验证，只有两者都验证通过才能进入系统。 （4）其他方面与例7-6相同。,图7.26账号表,操作步骤如下。 （1）建立账号表，新建3个字段（ID C（8），PS C（12），IDTYPE L（1）。输入两条记录，如图7.26所示。 （2）在表单中创建3个标签控件、两个按钮控件和两个文本框控件，分别设置各控件的字体、字号和位置并调整大小。主要属性如表7-16所示。

17、 （3）将账号表作为数据环境加入表单。 （4）“退出”按钮的“Click”事件和公共变量N的代码编写与例7-6相同，不同的是“确认”按钮的“Click”事件，如图7.27所示。,图7.27“确认（Command1）”按钮的“Click”事件代码,7.4表单其他控件,作为一个应用系统的操作界面，表单应提供给用户各种便捷的操作工具。除了前面介绍的3种控件之外，表单设计器还提供了另外一些控件，进一步完善了表单的操作环境。,7.4.1选项按钮组 选项按钮组又称为单选按钮，常用于从多个选项中选择其中一个，把事先设计好的具有特定目的的整套操作过程提供给选项按钮组，用户从中选择一套。 选项按钮组的主要属性是

18、单选按钮的个数（ButtonCount），如果选项按钮组的值与数据表的内容有关，还需设置数据源，如图7.28所示。,图7.28选项按钮组应用示例,例7-8设计一个如图7.27所示的显示性别的表单。 操作步骤如下。 （1）在表单中创建3个标签、一个文本框及一个选项按钮组控件，分别设置各控件的字体、字号和位置并调整大小。其主要属性如表7-17如示。 （2）在表单数据环境中将STU_INFO表加入。并将文本框的数据源绑定为STU_INFO.学号，选项按钮组的数据源绑定为STU_INFO.性别。 （3）给表单文件命名为：选项按钮组应用。,表7-17“选项按钮组”表单和控件的主要属性设置及说明,7.4.

19、2复选框 复选框是只有两个逻辑值选项的控件。当选定某一项时，与该项对应的复选框中会出现一个“”。 复选框的主要属性有复选框当前状态（Value）属性。“Value”属性有3种状态：“Value”属性值为“0”（或逻辑值为F）时，表示没有选中复选框；“Value”属性值为“1”（或逻辑值为T）时，表示选中复选框；“Value”属性值为“2”（或逻辑值为NULL）时，复选框显示灰色，表示不可用。如果复选框的值与数据表的内容有关，还需设置数据源。,图7.29复选框应用示例,例7-9设计一个如图7.29所示的显示学生成绩的表单。 操作步骤如下。 （1）在表单中创建3个标签控件、一个文本框控件及3个复选

20、框控件，分别设置各控件的字体、字号和位置并调整大小。 （2）将STU_GRA.dbf表加入数据环境，并在属性框中设置文本框的数据源。表单控件的主要属性如表7-18所示。 （3）给表单文件命名为“复选框应用.scx”后，运行表单，在运行时，为“何兰”同学分别选取VFP、高等数学课程。,表7-18“复选框应用”表单和控件的主要属性设置及说明,7.4.3编辑框 在编辑框控件中允许用户编辑字段或备注字段文本，允许自动换行并且能使用方向键、PageUp、PageDown键以及滚动条来浏览文本。,图7.30编辑框应用示例,例7-10设计一个如图7.30所示的显示学生特长的表单。 操作步骤如下。 （1）在表

21、单中创建3个标签控件、一个文本框控件及一个编辑框控件，分别设置各控件的字体、字号和位置并调整大小。 （2）将STU_INFO.dbf表加入数据环境，并在属性框中设置文本框及编辑框的数据源。表单控件的主要属性如表7-19所示。 （3）给表单文件命名为“编辑框应用.scx”后，运行表单，在运行时，显示“何兰”同学的姓名和备注字段里的内容。,表7-19“编辑框应用”表单和控件的主要属性设置及说明,7.4.4列表框 列表框控件用于显示供用户选择的列表项。当有较多的列表项不能同时显示时，列表可滚动。“列表框”不允许用户新增列表项。 列表框的主要属性有：列表框数据来源（RowSource）、列表框数据源的

22、类型（RowSourceType）和保存用户在列表选取项的数据表字段（ControlSource）等。,图7.31列表框应用示例,例7-11设计一个如图7.31所示的系统操作管理的表单。 操作步骤如下。 （1）在表单中创建3个标签控件、一个文本框控件、二个命令按钮及一个列表框控件，分别设置各控件的字体、字号和位置并调整大小。 （2）将管理员.dbf表加入数据环境，并在属性框中设置列表框的数据源。表单控件的主要属性如表7-20所示。,表7-20“列表框应用”表单和控件的主要属性设置及说明,（3）给“添加”按钮和“退出”按钮分别编写“Click”事件。 （4）给表单文件命名为“列表框应用.scx”

23、后，运行表单。,图7.32“添加”按钮（Command1）的“Click”事件,图7.33“添加”按钮（Command1）的 “Click”事件执行效果,7.4.5组合框 组合框控件兼有编辑框和列表框的功能，主要用于从列表项中选取数据并显示在编辑窗口。组框的主要属性与列表框类似。,图7.34组合框应用示例,例7-12设计一个如图7.34所示的系统操作员选取的表单。 操作步骤如下。 （1）在表单中创建两个标签控件和一个组合框控件，分别设置各控件的字体、字号和位置并调整大小。 （2）将管理员.dbf表加入数据环境，并在属性框中设置文本框及编辑框的数据源。表单控件的主要属性如表7-21所示。 （3）

24、给表单文件命名为“组合框应用.scx”后，运行表单。,表7-21“组合框应用”表单和控件的主要属性设置及说明,7.4.6微调按钮 微调按钮控件用于接受指定范围内的数值输入。使用微调按钮控件，一方面代替键盘输入接受值；另一方面在当前值的基础上进行微小的增量或减量调节。 微调按钮的主要属性有：微调量（Increment）、微调控件框中单击箭头输入的最大值（SpinnerHigh Value）和最小值（SpinnerLow Value）。 图7.35所示为Microsoft Windows 的屏幕保护程序中“等待”微调按钮的分钟数调节： 其最大值（SpinnerHigh Value）=9999； 最

25、小值（SpinnerLow Value）=1； 微调量（Increment）=1。,图7.35“等待”微调按钮的分钟数调节,7.4.7计时器 计时器控件是利用系统时钟来控制某些具有规律性的周期任务的定时操作。计时器控件的典型应用是检查系统时钟，决定是否到了某个程序执行的时间。计时器控件在表单运行时是不可见的。 计时器的主要属性有：控制计时器开关（Enabled）和定义两次计时器控件触发的时间间隔（Interval，以毫秒为单位）。,图7.37计时器应用时钟示例,例7-13设计一个如图7.36所示的时钟的表单。 操作步骤如下。 （1）在表单中创建一个标签控件、一个命令按钮控件和一个计时器控件，分

26、别设置各控件的字体、字号和位置并调整大小。 （2）在命令按钮上编写“Click”事件，如图7.37所示，为计时器编写刷新代码，如图7.38所示。表单控件的主要属性如表7-22所示。 （3）给表单文件命名为“时钟.scx”后，运行表单。,图7.37命令按钮（Command1）的“Click”事件代码,图7.38计时器（Timer1）的“Timer“事件代码,表7-22“时钟”表单和控件的主要属性设置及说明,7.4.8图像 图像控件允许在表单中显示图片。图像控件在程序运行过程中加以改变。 图像在主要属性有：要显示的图片（Picture）和图片的显示方式（Stretch）。图片的显示方式有3种：当“

27、Stretch”属性为“0”时，将把图像的超出部分裁剪掉；当“Stretch”属性为“1”时，等比例填充；当“Stretch”属性为“2”时，变比例填充。,7.4.9表格 表格是将数据以表格形式表现出来的一种容器控件。表格提供了一个全屏幕输入/输出数据表记录的方式，它也是一个以行列方式显示数据的容器控件。一个表格控件包含一些列控件（在默认的情况下为文本框控件），每个列控件能容纳一个列标题和列控件。表格控件能在表单或页面中显示并操作行和列中的数据。表格控件主要用于创建一对多的表单，用文本框显示父记录，用表格显示子记录，当用户浏览父表中的记录时，表格将显示与之相对应的子记录。,“表格”控件的主要属

28、性有：表格的列数（ColumnCount），表格各列的标题（Caption）、表格控件数据源类型（RecordSourceType，当“RecordSourceType”属性值为“0-表”时，指打开表；当“RecordSourceType”属性值为“1-别名”时，表格取已打开表字段的内容）、表格的数据源（RecordSource，此处为表）、父表名称（LinkMaster）、关联表达式（RelationExpr，通过在父表字段与子表中的索引建立关联关系来联接这两个表）及各列的数据源（ControlSource）等。,例7-14设计一个如图7.39所示的学生成绩查询的表单。 创建表格有两种方法：一种是通过各控件分别设置进行创建表格，另一种是使用表格向导创建表格。在“利用向导创建一对多表单”时对使用表格生成器创建表格做了较为详细的讲解，这里只对第一种方法进行讲解。,图7.39“表格应用”表单,表7-23“表格应用”表单和控件的主要属性设置及说明,