表单控件设计

表单控件设计第1页，共37页，2023年，2月20日，星期二表单控件可分为5大类1）输出类：标签，图象，线条，形状2）输入类：文本框，编辑框，微调按钮，列表框，组合框3）控制类：命令按钮，命令按钮组，复选框，选项按钮组，计时器4）容器类：表格，页框，Container容器5）连结类：ActiveX控件，ActiveX绑定控件，超级链接每个控件均具有若干特征属性，有相同也有差别，通过属性设置可以设计出满足要求的控件。第2页，共37页，2023年，2月20日，星期二

7.1输出类控件

输出类控件用于在表单上设置文本和图形一.标签Label用于在表单上显示提示或说明1.Caption属性Caption属性指定标签标题，即显示的文本内容设置方法：1）属性窗口设置Caption属性2）代码命令:THISFORM.LABEL1.Caption=“学生管理系统”

第3页，共37页，2023年，2月20日，星期二3）变量设置：mc=“学生管理系统”THISFORM.LABEL1.Caption=mc

mc是一个字符型公共变量2.部分属性AutoSize（大小设置）：逻辑型，.T.表示自动调整大小与文本内容所占空间一致Fontbold（粗体设置）.T.FontSize（字体大小）：(默认值9)3.举例7-1：创建一个表单，包含一个标签，要求LABEL1显示“学生成绩管理系统”，且背景显示梅花（\梅花.bmp)第4页，共37页，2023年，2月20日，星期二表单设计示意图第5页，共37页，2023年，2月20日，星期二操作步骤：1)命令窗口输入：createformxscjgl2)添加标签控件Label13)各对象属性设置Form1picture\梅花.bmpLabel1caption学生成绩管理系统Label1FontSize26Label1Fontname楷体Label1Autosize.T.Label1

Backstyle0第6页，共37页，2023年，2月20日，星期二4)保存表单并运行第7页，共37页，2023年，2月20日，星期二7.2输入类控件文本框，编辑框，微调按钮，列表框，组合框一.文本框（text)文本框供用户显示、输入或编辑数据（数值型、字符型、日期型、逻辑型）1.文本框的值:由Value属性确定1）属性窗口修改Value属性2）代码命令:this.value="vfp"thisform.text1.value=“VFP"Value初值类型：数值型[0]、字符型[无]、日期型[{}]、逻辑型[.F.]第8页，共37页，2023年，2月20日，星期二2.控件与数据绑定控件的数据绑定指将控件与某个数据源联系起来ControlSource属性：文本框可以与内存变量、数组、和表的非备注形字段实现数据绑定1）字段：控件的值由字段决定2）变量：控件的值由变量决定第9页，共37页，2023年，2月20日，星期二3.举例:设计计算圆面积的程序第10页，共37页，2023年，2月20日，星期二操作步骤：1）打开表单设计器createformjsmianji2）属性设置

Formcaption计算圆面积Label1caption

请输入圆半径:Label2caption圆面积Command1caption计算Command2caption退出第11页，共37页，2023年，2月20日，星期二第12页，共37页，2023年，2月20日，星期二3)事件代码Command1的click事件代码：

r=val(thisform.text1.value)s=pi()*r*rthisform.text2.value=sCommand2的click事件代码：

thisform.release4）保存并运行表单第13页，共37页，2023年，2月20日，星期二二.列表框与组合框（ListCombo)列表框与组合框都有一个供用户选择的列表，区别在于：列表框任何时候都显示它的列表，而组合框平时只显示一个项；组合框又可分为下拉组合框（准许输入数据项）与下拉列表框；而列表框仅有选项功能。第14页，共37页，2023年，2月20日，星期二1.列表框生成器：指定要填充到列表框中的项用于指定返回值以及存储返回值的字段第15页，共37页，2023年，2月20日，星期二2.组合框供用户在其列表中选择,或人工键入一个值.组合框和列表框生成器很相似,不再赘述.

列表框与组合框控件的值源类型

3.举例:例7-3(p199页)列表.scx

在列表框中填充sb表的编号、名称两个字段，要求选定列表框中的任一项，就能使文本框中显示编号字段第16页，共37页，2023年，2月20日，星期二操作步骤:1)打开表单设计器,设置控件以及属性设置:command1caption关闭第17页，共37页，2023年，2月20日，星期二2)打开列表框生成器,设置列表选项卡和返回值第18页，共37页，2023年，2月20日，星期二当用户按键盘或鼠标键时触发3)事件代码编写List1的InteractiveChange的代码:

thisform.text1.value=this.value

command1的click事件代码:

thisform.release

第19页，共37页，2023年，2月20日，星期二5)保存并运行表单第20页，共37页，2023年，2月20日，星期二命令按钮与命令按钮组CommandgroupCommand一.命令按钮的控制作用命令按钮用于完成某一特定的操作，其操作代码通常放置在命令按钮的Click事件中[P206例7-7]1）在表单上创建一个标签和一个文本框控件，命令按钮2个

7.3控制类控件第21页，共37页，2023年，2月20日，星期二7.3

控制类控件

命令按钮(Command)

[例7-7]设计一个如图7.8所示的密码输入窗口,要求最多允许输入3次密码。

(1)创建一个表单,然后在其中创建标签和文本框各1个,命令按钮2个。

(2)属性设置：见表7.8。

(3)Form1的Load事件代码编写如下：

publici&&i用于计算输入次数

i=0(4)Command1的Click事件代码编写如下：i=i+1IFTHISFORM.Text1.Value='123456'&&文本框输入值与123456(预置的密码)比较

THISFORM.Release&&本表单从内存释放ELSEIFi<3&&允许输入3次

MESSAGEBOX('密码错,请重新输入!')THISFORM.Text1.Value=''&&为重新输入清空文本框

THISFORM.Text1.Setfocus&&使文本框获得焦点,就是使光标在其中闪烁

ELSEMESSAGEBOX('密码错,禁止进入系统!')THISFORM.ReleaseENDIFENDIF

第22页，共37页，2023年，2月20日，星期二图7.8输入密码表单窗口对象属性属性值说明Form1Caption=DTOC(DATE())表单标题栏显示当前日期Label1Caption密码：设置标签的显示文本Text1PasswordChar*设置占位符,输入任何字符都显示它Value(无)清空文本框,否则初始时会显示占位符Command1Caption确定设置命令按钮的标题文本Command2Caption取消表7.8“密码输入”属性设置(5)Command2的Click事件代码编写如下：THISFORM.Release第23页，共37页，2023年，2月20日，星期二二.命令按钮的外观设计标题：Caption字体：FontName大小：FontSize，粗体：FontBold斜体：FontItalic划线：FontUnderLine三.命令按钮组及其命令按钮的操作

1.Click事件的判别VFP必须区分操作的是命令按钮组控件还是组内的哪个命令按钮，以便执行相应的动作

第24页，共37页，2023年，2月20日，星期二1）命令按钮组及其所包含的各命令按钮分别设置Click事件代码单击组内空白处，触发组控件的Click事件单击组内某个命令按钮，触发该命令按钮的Click事件2）命令按钮组的Click事件代码根据Value属性值判断。单击组内某个命令按钮时，组控件的Value属性就返回一个数值（设置为1时，依按钮顺序号）或一个字符串（设置为空时，依按钮的Caption属性）第25页，共37页，2023年，2月20日，星期二3)容器中对象的引用THISFORM.Commandgroup1.Command1THIS.Command12.命令按钮组举例第26页，共37页，2023年，2月20日，星期二例如图7.11中，Commandgroup1的Click事件代码编写如下：

DOCASECASETHIS.Value=1&&单击Command1命令按钮(下页)返回.T.IFrecno()<reccount()&&防止下移出界

SKIPENDIFTHISFORM.RefreshCASETHIS.Value=2&&单击Command2命令按钮(上页)返回.T.IFRECNO()>1&&防止上移出界

SKIP-1ENDIFTHISFORM.RefreshCASETHIS.Value=3&&单击Command3命令按钮(退出)返回.T.THISFORM.Release&&表单从内存释放

ENDCASE图7.9命令按钮组生成器的按钮选项卡图7.11“修改SB表数据”表单窗口

第27页，共37页，2023年，2月20日，星期二7.4容器类控件表格、页框和Container容器均可用表单控件工具栏中相应的按钮来创建.表格控件用于显示表中的字段，用户可以修改表格中的数据，VFP用Grid来表示表格.一.表格的组成1.表格（Grid)：由一或若干列组成2.列（Column）：一列显示一个字段，由列标题和列控件组成第28页，共37页，2023年，2月20日，星期二3.列标题（Header1）：默认显示字段名4.列控件（如：Text1）：该列的所有单元格都可用此控件来显示字段值列控件默认为文本框，可修改为与字段类型相容的控件;表格、列、列标题和列控件都有自己的属性、事件和方法程序第29页，共37页，2023年，2月20日，星期二二.创建表格控件表格控件创建方法：2种

1.从数据环境创建打开表单窗口→在数据环境添加SB表→用鼠标将数据环境中SB表标题栏拖至表单窗口后释放。2.利用表格生成器创建用表单工具栏的表格控件在表单上创建一个表格→从表格控件的快捷菜单选择生成器命令→在生成器对话框设置表格属性第30页，共37页，2023年，2月20日，星期二第31页，共37页，2023年，2月20日，星期二3.表格生成器表格生成器有4个选项卡1）“表格项”选项卡：指定表格中显示的字段第32页，共37页，2023年，2月20日，星期二（2）“样式”选项卡：

指定表格显示的样式

第33页，共37页，2023年，2月20日，星期二（3）布局选项卡

指定列表标题和表示字段的控件第34页，共37页，2023年，2月20日，星期二（4）“关系”选项卡

指定两个表之间的关系

第35页，共37页，2023年，2月20日，星期二[例7-14]设计一个如图7.16所示的表单,要求能按部门浏览所有设备数据。(1)创建表单,并在数据环境中建立如图7.17所示4个表的两级一多关系。(2)在表单上创建1个下拉列表框,2个标签,3个表格。表格控件可从数据环境创建,即将数据环境中SB窗口的标题栏拖到表单释放,从而产生GrdSb表格。然后可用同样方法创建表格GrdDx和GrdZz,如图7.16所示。表格创建后按图调整好表格位置、大小与列宽。(3)如图7.16所示创建矩形框形状控件,然后选定格式菜单的置后命令。(4)属性设置：见表7.14。(5)Combo1的Init事件:SELECTbmdmGOBOTTOM