数据库技术与应用PPT电子教案第七章 表单控件设计

1、第七章第七章 表单控件设计表单控件设计 控件控件是面向对象程序设计的基本操作单元。是面向对象程序设计的基本操作单元。 控件作用：获取数据控件作用：获取数据 显示数据显示数据 执行命令执行命令 美化界面美化界面 本章内容：表单控件的常用属性、事件和本章内容：表单控件的常用属性、事件和 方法，并以实例形式介绍表单的方法，并以实例形式介绍表单的 具体应用。具体应用。 表单控件可分为表单控件可分为5 5大类大类 1 1）输出类：标签，图象，线条，形状）输出类：标签，图象，线条，形状 2 2）输入类：文本框，编辑框，微调按钮，列）输入类：文本框，编辑框，微调按钮，列 表框，组合框表框，组合框 3 3）控

2、制类：命令按钮，命令按钮组，复选）控制类：命令按钮，命令按钮组，复选 框，选项按钮组，计时器框，选项按钮组，计时器 4 4）容器类：表格，页框，）容器类：表格，页框，containercontainer容器容器 5 5）连结类：）连结类：activexactivex控件，控件，activexactivex绑定控绑定控 件，超级链接件，超级链接 每个控件均具有若干特征属性，有相同也有每个控件均具有若干特征属性，有相同也有差别，通过属性设置可以设计出满足要求的控件。差别，通过属性设置可以设计出满足要求的控件。 7.17.1输出类控件输出类控件 输出类控件用于在表单上设置文本和图形输出类控件用于在表

3、单上设置文本和图形 一一. .标签标签 labellabel 用于在表单上显示提示或说明用于在表单上显示提示或说明 1.1.captioncaption属性属性 captioncaption属性指定标签标题，即显示的文本内容属性指定标签标题，即显示的文本内容 设置方法：设置方法： 1 1）属性窗口设置）属性窗口设置 captioncaption属性属性 2 2）代码命令）代码命令: : thisform.label1.caption=“ thisform.label1.caption=“学生管理系统学生管理系统” 3 3）变量设置：）变量设置： mc=“mc=“学生管理系统学生管理系统” th

4、isform.label1.caption=mc thisform.label1.caption=mc mcmc是一个字符型公共变量是一个字符型公共变量 2.2.部分属性部分属性 autosizeautosize（大小设置）（大小设置）：逻辑型，逻辑型，.t.t.表示自动表示自动 调整大小与文本内容所占空间一致调整大小与文本内容所占空间一致 fontboldfontbold（粗体设置）（粗体设置） .t.t. fontsize fontsize （字体大小）：（字体大小）：( (默认值默认值 9)9) 3. 3.举例举例7-17-1：创建一个表单，包含一个标签，要：创建一个表单，包含一个标签，

5、要 求求label1label1显示显示“学生成绩管理系统学生成绩管理系统”，且背景，且背景显显 示梅花（示梅花（ 梅花梅花.bmp).bmp)表单设计示意图操作步骤：操作步骤：1)1)命令窗口输入：命令窗口输入：create form xscjglcreate form xscjgl2)2)添加标签控件添加标签控件 label1label13)3)各对象属性设置各对象属性设置form1 form1 picture picture 梅花梅花.bmp.bmplabel1 label1 captioncaption 学生成绩管理系统学生成绩管理系统label1 fontsizelabel1 fon

6、tsize 26 26label1 fontnamelabel1 fontname 楷体楷体label1 autosizelabel1 autosize .t. .t.label1 label1 backstylebackstyle 0 4) 4)保存表单并运行保存表单并运行7.2 7.2 输入类控件输入类控件文本框，编辑框，微调按钮，列表框，组合框文本框，编辑框，微调按钮，列表框，组合框一一. .文本框（文本框（text)text) 文本框供用户显示、输入或编辑数据（数值文本框供用户显示、输入或编辑数据（数值 型、字符型型、字符型 、日期型、逻辑型）、日期型、逻辑型） 1.1.文本框的值文本

7、框的值: :由由valuevalue属性确定属性确定 1 1）属性窗口修改）属性窗口修改valuevalue属性属性 2 2）代码命令）代码命令: this.value=vfp: this.value=vfp thisform.text1.value=“vfp thisform.text1.value=“vfp value value初值类型：数值型初值类型：数值型00、字符型、字符型 无无 、日期型、日期型 、逻辑型、逻辑型.f.f.2. 控件与数据绑定控件与数据绑定 控件的数据绑定指将控件与某个数据源联系控件的数据绑定指将控件与某个数据源联系起来起来controlsourcecontrol

8、source属性：属性： 文本框可以与文本框可以与内存变量内存变量、数组数组、和、和表的表的非备注形字段非备注形字段实现数据绑定实现数据绑定1 1）字段：控件的值由字段决定）字段：控件的值由字段决定2 2）变量：控件的值由变量决定）变量：控件的值由变量决定3.3.举例举例: :设计计算圆面积的程序设计计算圆面积的程序操作步骤：操作步骤：1 1）打开表单设计器）打开表单设计器 create form create form jsmianjijsmianji2 2）属性设置）属性设置 form caption form caption 计算圆面积计算圆面积label1 caption label1

9、 caption 请输入圆半径请输入圆半径: :label2 caption label2 caption 圆面积圆面积command1 caption command1 caption 计算计算command2 caption command2 caption 退出退出3)3)事件代码事件代码 command1command1的的clickclick事件代码事件代码： r=val(thisform.text1.value)r=val(thisform.text1.value) s=pi() s=pi()* *r r* *r r thisform.text2.value=s thisform.

10、text2.value=s command2 command2的的clickclick事件代码事件代码： thisform.releasethisform.release4 4）保存并运行表单）保存并运行表单二二.列表框与组合框（列表框与组合框（list combo) 列表框与组合框都有一个供用户选择的列表，列表框与组合框都有一个供用户选择的列表， 区别在于：区别在于： 列表框任何时候都显示它的列表，而组合列表框任何时候都显示它的列表，而组合 框平时只显示一个项；框平时只显示一个项； 组合框又可分为下拉组合框（准许输入数组合框又可分为下拉组合框（准许输入数 据项）与下拉列表框；而列表框仅有选项

11、据项）与下拉列表框；而列表框仅有选项 功能。功能。 1. 列表框生成器：列表框生成器：指定指定要填要填充到充到列表列表框中框中的项的项用于指定返回值用于指定返回值以及存储返回值以及存储返回值的字段的字段2.2.组合框组合框 供用户在其列表中选择供用户在其列表中选择, ,或人工键入一个值或人工键入一个值. . 组合框和列表框生成器很相似组合框和列表框生成器很相似, ,不再赘述不再赘述. . 列表框与组合框控件的值源类型列表框与组合框控件的值源类型 3.3.举例举例: :例例7-3(p1997-3(p199页页) )列表列表.scx.scx 在列表框中填充在列表框中填充sbsb表的编号、名称两个字

12、段，表的编号、名称两个字段， 要求选定列表框中的任一项，就能使文本框中要求选定列表框中的任一项，就能使文本框中 显示编号字段显示编号字段操作步骤操作步骤: :1)1)打开表单设计器打开表单设计器, ,设置控件以及属性设置设置控件以及属性设置: : command1 caption command1 caption 关闭关闭2)2)打开列表框生成器打开列表框生成器, ,设置列表选项卡和返回值设置列表选项卡和返回值当用户按键盘或鼠标当用户按键盘或鼠标键时触发键时触发3)3)事件代码编写事件代码编写 list1list1的的 interactive changeinteractive change的

13、代码的代码: : thisform.text1.value=this.valuethisform.text1.value=this.value command1command1的的clickclick事件代码事件代码: : thisform.releasethisform.release 5)5)保存并运行表单保存并运行表单 命令按钮与命令按钮组命令按钮与命令按钮组 commandgroupcommandgroup command command一一. .命令按钮的控制作用命令按钮的控制作用 命令按钮用于完成某一特定的操作，其操命令按钮用于完成某一特定的操作，其操 作代码通常放置在命令按钮的作

14、代码通常放置在命令按钮的clickclick事件中事件中 p206 p206 例例7-77-7 1 1）在表单上创建一个标签和一个文本框）在表单上创建一个标签和一个文本框 控件，命令按钮控件，命令按钮2 2个个 7.3 7.3 控制类控件控制类控件图7.8 输入密码表单窗口对 象属 性属 性 值说 明form1caption=dtoc(date()表单标题栏显示当前日期label1caption密码：设置标签的显示文本text1passwordchar*设置占位符,输入任何字符都显示它value(无)清空文本框,否则初始时会显示占位符command1caption确定设置命令按钮的标题文本co

15、mmand2caption取消表表7.8 “密码输入密码输入”属性设置属性设置二二.命令按钮的外观设计命令按钮的外观设计 标题：标题：captioncaption 字体：字体：fontnamefontname 大小：大小：fontsizefontsize， 粗体：粗体：fontboldfontbold 斜体：斜体：fontitalicfontitalic 划线：划线：fontunderlinefontunderline三三.命令按钮组及其命令按钮的操作命令按钮组及其命令按钮的操作 1.click1.click事件的判别事件的判别 vfpvfp必须区分操作的是命令按钮组控件还是组必须区分操作的是

16、命令按钮组控件还是组 内的哪个命令按钮，以便执行相应的动作内的哪个命令按钮，以便执行相应的动作 1 1）命令按钮组及其所包含的各命令按钮分别设）命令按钮组及其所包含的各命令按钮分别设 置置clickclick事件代码事件代码单击组内空白处，触发组控件的单击组内空白处，触发组控件的clickclick事件事件 单击组内某个命令按钮，触发该命令按钮的单击组内某个命令按钮，触发该命令按钮的 clickclick事件事件2 2）命令按钮组的）命令按钮组的clickclick事件代码根据事件代码根据valuevalue属性属性值值 判断。单击组内某个命令按钮时，组控件的判断。单击组内某个命令按钮时，组控

17、件的 valuevalue属性就返回一个数值（设置为属性就返回一个数值（设置为1 1时，依时，依按按 钮顺序号）或一个字符串（设置为空时，依按钮顺序号）或一个字符串（设置为空时，依按 钮的钮的captioncaption属性）属性）3)3)容器中对象的引用容器中对象的引用thisform.commandgroup1.command1thisform.commandgroup1.command1this . command1this . command12.2.命令按钮组举例命令按钮组举例例如图7.11中，图7.9 命令按钮组生成器的按钮选项卡图7.11 “修改sb表数据”表单窗口7.4 7.4

18、 容器类控件容器类控件 表格、页框和表格、页框和containercontainer容器均可用表单控容器均可用表单控件工具栏中相应的按钮来创建件工具栏中相应的按钮来创建. . 表格控件用于显示表中的字段，用户可以修表格控件用于显示表中的字段，用户可以修改表格中的数据，改表格中的数据，vfpvfp用用gridgrid来表示表格来表示表格. .一一. .表格的组成表格的组成 1.1.表格（表格（grid)grid)：由一或若干列组成：由一或若干列组成 2.2.列（列（columncolumn）：一列显示一个字段，由列）：一列显示一个字段，由列 标题和列控件组成标题和列控件组成 3. 3.列标题（列

19、标题（header1header1）：默认显示字段名）：默认显示字段名 4.4.列控件（如：列控件（如：text1text1）：该列的所有单元）：该列的所有单元 格都可用此控件来显示字段值格都可用此控件来显示字段值 列控件默认为文本框，可修改为与字段列控件默认为文本框，可修改为与字段 类型相容的控件类型相容的控件; ;表格、列、列标题和列表格、列、列标题和列 控件都有自己的属性、事件和方法程序控件都有自己的属性、事件和方法程序二二. 创建表格控件创建表格控件 表格控件创建方法：表格控件创建方法：2 2种种 1.从数据环境创建从数据环境创建 打开表单窗口打开表单窗口在数据环境添加在数据环境添加sb表表用鼠用鼠 标将数据环境中标将数据环境中sb表标题栏拖至表单窗口后表标题栏拖至表单窗口后 释放。释放。2.利用表格生成器创建利用表格生成器创建 用表单工具栏的表格控件在表单上创建一个用表单工具栏的表格控件在表单上创建一个 表格表格从表格控件的快捷菜单选择生成器命从表格控件的快捷菜单选择生成器命 令令在生成器对话框设置表格属性在生成器对话框设置表格属性3.