Visual FoxPro常用控件与表单

1、 本章教学要求：掌握VFP各种常用控件的基本特点及 使用，表单的基本属性及在应用程序中的使用。 11 1 Visual FoxPro常用控件 112表单 113表单的应用设计实例 第11章 Visual FoxPro常用控件与表单 在一个应用程序的开发中，界面设计要占整个程序开 发总工作量的40%60%，Visual FoxPro为用户提供了可 视化的界面开发环境，使应用程序的界面设计变得简单、 容易。在Visual FoxPro界面的设计是通过使用表单及各种 控件实现的。 Visual FoxPro提供的各种常用控件如图11 . 1所示。 11.1Visual FoxPro常用控件 图11

2、. 1 表单控件工具栏 11.1 Visual FoxPro常用控件常用控件 1 标签（Label） 标签控件能够在表单上显示文本信息。通过对标 签控件的设定可以起到提示与说明作用。标签控件的 主要属性有： Name：标签名称 FontSize：标签字体大小 ForeColor：字体颜色 Caption：标签文字 Left：标签左边位置 Top：标签上边界位置 Width：标签宽度 Height：标签高度 Left和Top属性决定了标签在表单中的位置，Width和 Height属性决定了标签的大小。 标签的使用示例如图11 . 2中所示，在图11 . 2中共 有3个标签，设置标签的属性可通过属

3、性窗口进行（如 图11. 3所示），要设置哪一个标签的属性，应先选中 该标签，再在属性窗口中进行设置。 图11.2 学生管理系统关于窗口 标签控件 图11.3 标签的属性窗口 2 图像(Image) 利用图像控件可以在表单上加载图像，所加载图 像的常见类型有：.BMP、.ICO、.GIF、.JPG等。图像 控件的主要属性有： Picture：指定要加载的图像文件名 BorderStyle：指定图像边框，为0表示图像没有边框， 为1表示图像的边框固定为单线 Stretch：决定图像的填充方式，有3种图像填充方式 0 - 剪裁（默认值） 1 - 等比填充 2 - 变比填充 图像控件的使用示例如图1

4、1.5所示。 图11-5 图像控件填充样式 剪裁填充 等比填充 变比填充 3线条（Line） 线条控件用于在表单上画各种类型的线条：斜线、垂 直线和水平线。线条控件的主要属性有： BorderColor：指定线的颜色 BorderStyle：指定线型 LineSlant：指定线条如何倾斜，从左上到右下左上到右下或是从 左下到右上左下到右上( /) Height：设置线条的高度，为0就为水平线 Width：设置线条的宽度，为0值就为垂直线。 图11-6 线条控件示例 线条 例11.3 在例11.2表单中添加线条控件（如图11-6）。 形状（Shape） 形状控件用于在表单上创建各类形状： 矩形、

5、圆角矩形、正方形、圆角正方形、椭圆或圆。矩形、圆角矩形、正方形、圆角正方形、椭圆或圆。 形状控件的主要属性有： BoderColor：设置形状控件边框的颜色 BoderWidth：设置形状控件的宽度 Curvature：设置形状控件的角的曲率(30,60,90) FillColor：设置形状控件的填充颜色 FillStyle：设置形状控件的填充图案 Height：设置形状控件的高度 Left：设置形状控件的左连界的位置 Name：设置形状控件的名称 Top：设置形状控件的上边界的位置 Visible：设置形状控件的是否可见 Width：设置形状控件的宽度 形状控件的Curvature、Heig

6、ht和Width这三个属性综合 在一起可以形成不同的形状类型（见下表）： CurvatureHeight与Width相等Height与Width不等 0 0正方形矩形 1-991-99 小圆角正方形大圆角 正方形圆 小圆角矩形大圆角 矩形椭圆 图11-7 形状控件示例 5文本框（TextBox） 形状控件用于在表单上创建各类形状：矩形、圆角矩 形、正方形、圆角正方形、椭圆或圆。形状控件的主要 属性有： BoderColor：设置文本框控件边框的颜色 BoderWidth：设置文本框控件的宽度 CurvatureCurvature：设置文本框控件的角的曲率 FillColor：设置文本框控件的填

7、充颜色 FillStyle：设置文本框控件的填充图案 Height：设置文本框控件的高度 Maxlength：设置文本框控件可输入的最大字符数，若为0 表示没有限制 Name：设置文本框控件的名称 PasswordChar：设置文本框控件用作占位符的字符 ReadOnly：设置文本框控件中的内容是否为只读 Value：文本框控件中的文本内容 文本框的使用示例见图11-8所示。 图11-8 学生管理系统的登录窗体 文本框 6. 编辑框（EditBox） 编辑框能够输入与处理多段的文本，常用来处理长的 字符型数据或备注型字段。在Visual FoxPro系统中还提供 了ScrollBars属性来显

8、示垂直滚动条。 编辑框与文本框的不同之处在于： （1）编辑框只能接收文本数据。而文本框则能接收多 种数据类型。 （2）编辑框能接收多段数据，回车不能终止其数据接 收。而文本框只能接收一段数据。 编辑框的主要属性有： 编辑框的主要属性有： ControlSource：指定与编辑框对象建立联系的数据源 Maxlength：指定编辑框中可输入的最大字符数，若该属 性为0表示没有限制 Name：设置编辑框控件的名称 ReadOnly：指定用户能否编辑框控件中的内容 ScrollBars：指定编辑框控件具有的滚动条的类型 0 表示没有滚动条 2 表示具有垂直滚动条 SelLength：设置或返回辑框对象

9、中被选中文本的字符个数。 SelStart：设置或返回辑框对象中被选中文本的起始点位置。 SelText：返回编辑框对象中被选中的文本。 Value：指定或返回辑框对象中的文本内容。 编辑框的使用示例如图11-9所示。 图11-9 编辑框中的文本选择 7命令按钮（CommandButton）/命令按钮组CommandGroup） 命令按钮控件主要用来为用户提供不同操作的选择。用户可 以通过它改变程序的执行过程，完成不同的功能调用。当用户 用鼠标单击命令按钮时，将触发命令按钮的“Click”事件代码 从而完成相应的操作。 命令按钮的主要属性： Caption：命令按钮标题文本。 Enabled：

10、命令按钮使能属性，该属性为.T.，则命令按钮能接 收事件，为.F.则不能接收事件。 Name：命令按钮控件名称。 命令按钮的主要事件： Click：命令按钮单击事件，当用鼠标单击命令按钮时发生该 事件。 命令按钮使用示例如图11-10所示。 图11-10 命令按钮使用示例 在图6-10中的命令按钮名称为C1，要编写其Click事件代码 可双击该按钮，屏幕上出现代码窗口，在对象下拉列表框中选 择“C1”，在过程下拉列框中选择“Click”，然后编写事件代 码。 命令按钮组控件是包含了若干个命令按钮的一种容器。通过 它可以统一的管理按钮组，也可以单独地管理每一个按钮。 图11-11是一个具有4个按

11、钮的按钮组示例。 图11-11 命令按钮组 命令按钮组的主要属性有： ButtonCount：指定命令按钮组中的按钮数。 Enabled：指定命令按钮组能否接收和响应事件；当该属性 为.T.时可以接收和响应事件，为.F.则不能。 Name：指定命令按钮组对象的名称。 Value：当命令按钮组中的按钮被点击时，该属性返回是第 几个按钮组中是第几个按钮被点击，若命令按钮组中第一个按第一个按 钮钮被点击，则返回则返回1，若是第二个按钮第二个按钮被点击则返回返回2。 可直接用鼠标拖放来改变命令按钮组的大小和位置，若要改 变命令按钮组中按钮的大小和位置，应先选中命令按钮组，然 后点击鼠标右键，在弹出的快

12、捷菜单中选择“编辑”菜单项， 当命令按钮组处于编辑状态时，其外有一个绿色边框，之后就 可以对命令按钮组中按钮的大小和位置进行修改了。 也可用命令组生成器来设计命令按钮组，其操作步骤是：先 选中命令按钮组对象，然后单击鼠标右键，在弹出的快捷菜单 中选择“生成器”菜单项，屏幕上将出现如图11-12所示的命 令组生成器。 图11-12 命令组生成器 8选项按钮组（OptionGroup） 选项按钮组是包含了若干个选项按钮的容器控件。选项按钮 组中的若干个可选项中用户一次只能选择其中一个，选项按钮 组的使用示例如图11-13所示。 图11-13 选项按钮组使用示例 选项按钮组的主要属性有： Butto

13、nCount：指定选项按钮组的按钮数。 Name：选项按钮组对象的名称。 Value：指定或返回选项按钮组中被选中的按钮。 选项按钮组的生成与编辑可用选项组生成器来实现，其操作 步骤是：先选中选项按钮组对象，然后单击鼠标右键，在出现 的快捷菜单中选择“生成器”菜单项，屏幕上出现“选项组生 成器”窗体（如图11-14所示），然后按屏幕上出现的提示操 作即可。 图11-14 选项组生成器 9复选框（CheckBox） 复选框允许同时选中多项，它可以独立存放于表单中。复选框 的主要属性： Caption：指定复选框对象的标题文本。 Enabled：指定复选框对象的是否可操作。 Name：指定复选框对

14、象的名称。 Value：指定复选框对象的状态：0或.F.表示清除；1或.T.表 示选定；2表示灰色状态。 复选框的使用示例如图11-15所示 图11-15复选框的使用示例 10组合框（Combobox） 组合框提供了一个下拉列表，用户可以在其列表中进行值的 选取，也可以由用户自己键入一个值。组合框控件的属性主要 包括： ColumnCount：指定组合框对象的显示列数。 Enabled：指定组合框对象的是否可操作。 Name：指定组合框对象的名称。 Value：指定或返回组合框对象的被选取的文本。 组合框的使用示例如图11-16所示。 图11-16 组合框的使用示例 图9 可以使用组合框生成器

15、来生成编辑组合框，其操作步骤是： 首先选择要编辑的组合框，然后单击鼠标右键，在弹出的快捷 菜单中选择 “生成器”菜单项，屏幕上弹出图6-17所示的组 合框生成器窗体。 图11-19 列表框生成器 11列表框（Listbox） 列表框与组合框比较相似，都提供了一个用户选项列表。但 列表框是任何时候都显示它的列表项，并且不能由用户键入数 据。列表框控件的属性主要包括： ColumnCount：指定列表框对象的显示列数。 Enabled：指定列表框对象的是否可操作。 Name：指定列表框对象的名称。 Value：指定列表框对象的被选取的文本。 列表框的使用示例如图11-18所示。 图11-18 列表

16、框的使用示例 可以使用列表框生成器来生成编辑列表框，其操作步骤是： 首先选择要编辑的列表框，然后单击鼠标右键，在弹出的快捷 菜单中选择 “生成器”菜单项，屏幕上弹出图11-19所示的列 表框生成器窗体。 图11-19 列表框生成器 12微调控件（Spinner） 微调控件用于接受给定范围的数值输入，可以直接用键盘输 入数据，也可以通过上下箭头增减当前值。微调控件常用属性 有 ： Increment ：上下箭头数值调整时的增减量 。 InputMask ：设置输入掩码 。 KeyBoardHighValue ：键盘输入的最大值 。 KeyBoardLow Value ：键盘输入的最小值 。 Na

17、me：微调控件对象的名称。 SpinnerHight Value ：上下箭头数值调整的最大值 。 SpinnerLow Value ：SpinnerLow Value 。 Value ：设置输入掩码 。 KeyBoardHighValue ：当前值 。 微调控件常用事件有： DownClick Event：按微调控件下箭头的事件。 UpClick Event：按微调控件上箭头的事件。 微调控件的使用示例如图11-20所示。 图11-20微调控件的使用示例 13表格（Grid） 表格控件是以表格的形式来输出与输入数据。它是由若干的 行和列所组成。并且它可以用于显示多表的数据内容。通常使 用表格生

18、成器来作相关的设定。 例11.13 建立如图11-21的一个表单，通过表格控件来显示 Class表中的数据。 操作步骤如下： （1）在“表单控件工具栏”鼠标左键单击 创建一个表格控 件。 （2）在数据环境中添加Class这张表。 （3）右键单击表格控件，打开表格生成器，进行相关的设置 （参见图11-22） 图11-22 表格控件示例 图11-23 表格生成器(a) 图11-23 表格生成器(b) 图11-23 表格生成器(c) 图11-23 表格生成器(d) 14页框（Pageframe） 页框是包含多个页面的容器，用户可以根据需要建立多个页 面，并且可以在每个页面当中创建自己的控件。使用页框

19、可以 扩大表单的面积，方便用户。 页框的主要属性有： PageCount：指定页框对象所保含的页数目。 ActivePage：返回页框对象中活动页的页码。 如果要对页框对象的某一页进行编辑，应先在属性窗口中选 中该页（如图11-24所示），然后就可以进行编辑了，如改变 页标题（Caption）、向页中增加控件等。 图11-24 页框属性页 15容器（Container） 容器（Container）是可以包含其它控件的对象。 例11.14 通过容器控件来设计如图11-25所示的表单。 操作步骤如下： （1）用鼠标左键单击“表单控件工具栏”的“ ” 创建容 器控件。 （2）选中容器控件，鼠标右键单

20、击，在弹出菜单中选中“编 辑”。 （3）创建相应的标签、文本框、微调按钮放入容器控件中。 图11-25 容器控件使用示例 16计时器控件（Timer） 计时器控件能够按照事先所设定的时间间隔周期性调用 Timer事件，可以将一些需要周期性执行的程序代码放在Timer 事件中。计时器控件在程序运行期间不可见，它是一个不可见 控件。 计时器控件的主要属性有： Enabled：指定计时器控件能否调用Timer事件。 Interval：指定调用Timer事件的时间间隔，单位为毫秒， 若该属性为0则不调用Timer事件。 例11.15 利用计时器控件显示系统当前时间(如图11-26所 示)。 图11-2

21、6 计时器使用示例 （1）在VFP集成环境中首创建一个表单。 （2）向表单中添加一个标签框，名称为Label1。 （3）向表单中添加计时器控件，名称为Timer1。 （4）双击Timer1控件，屏幕上出现代码编辑窗口，为Timer1 控件添加如下代码： Thisform.label1.caption=time() （5）在系统的主菜单下选择：表单执行表单，就可以看到 如图6-26的运行结果。 17超级链接控件（Hyperlink） 使用超级链接控件可以直接从VFP中访问Internet,使用超级 链接控件在运行时是不可见的。 下面通过一个示例来说明超级链接控件的使用。 操作步骤： （1）在VF

22、P集成环境中首创建一个表单。 （2）向表单中添加一个使用超级链接控件，名称为 HyperLink1。 （3）向表单中添加一个命令按钮，名称为Command1，其 Caption属性为“新浪网”。 完成上述操作后，结果如图11-27所示。 如图11-27 超级链接使用示例 在Command1按钮控件的Click事件中添加如下代码： ThisForm.HyperLink1.NavigateTo() 执行窗体点击Command1按钮就会自动打开浏览器，进入新浪 网主页。 11.2 表单 11.2.1 11.2.1 表单的创建表单的创建 在Visual FoxPro系统中提供了两种表单的设计工具：表

23、单向导和表单设计器。 1. 表单向导 在Visual FoxPro系统中使用表单向导可以方便地生成一 个对于数据表的管理表单，在生成的表单中具备了对于数据 表的基本操作功能，比如：记录的移动、删除、新增、打印 等。 例11-16 通过表单向导来创建一个关于Class数据表的表 单。操作步骤如下： （1）打开新建对话框，选择表单向导。 （2）选择表单向导，按如下图所示步骤操作： （a）选择表及相应的字段 （b）选择表单样式 （c）排序次序 （d）给出相应的表单标题 （3）给出相应的表单标题，可以将生成的表单进行预览， 也可以放入表单设计器修改，或保存起来备用。 （4）生成的表单如图11-28所示

24、。 图11-28 利用表单向导生成表单 2. .表单设计器 表单的创建除了可以用表单向导来完成之外，还可以通 过表单设计器来完成。由表单向导所生成的表单可以由表 单设计器进一步的修改。表单设计器是可视化操作界面， 可以非常灵活地设计表单。 可按如下步骤建立表单： 在Visual FoxPro系统的主菜单下选择：文件新建，在 新建对话框中选择表单，然后点击新建文件按钮，屏幕就 会出现表单设计器（如图11-29所示），用户就可以向表单 添加各种控件了。 图11-29 表单设计器 11.2.2 11.2.2 表单属性设置表单属性设置 表单最常用到的属性有： AlwaysOnBottom：设置表单处于

25、最底层。 AlwaysOnTop：设置表单处于最上层。 AutoCenter：让表单窗口运行时自动处于屏幕中间。 BorderStyle：设置表单的边框样式。 Caption：设置表单的标题。 Icon：设置表单窗口左上角的图标。 MaxButton：设置表单窗口右上角最大化按钮是否可用。 MinButton：设置表单窗口右上角最小化按钮是否可用。 TitleBar：控制标题栏是否显示在表单的顶部。 WindowsState：设置表单的初始大小。 WindowType：控制表单是否非模式表单（默认）还是模式 表单。如果表单是模式表单，用户在访问应用程序用户界面 中任何其他单元前必须关闭这个表单

26、。 11.2.3 11.2.3 向表单中添加控件向表单中添加控件 向表单中添加控件最常用的方式就是从表单控件工具栏中 选定需要的控件，然后单击表单中某个地方。在表单控件工 具栏上一共有25个控件可供选择（如图11-30）。 图11-30 表单控件 11.2.4 11.2.4 表单控件的布局表单控件的布局 当把控件添加到表单中后，通常需要调整控件的大小、位 置及对齐方式等。 1.改变控件的大小 改变单个控件的大小 首先选中要改变的控件，然后用鼠标拖放改变控件大小， 或直接在属性窗口中修改控件的Height和Width属性。 改变多个控件的大小 按住“Shift”键，逐个单击要选的控件，如果要取消

27、已 选中的控件再次单击该控件即可，然后在属性窗口中修改 控件的Height和Width属性,或单击系统菜单的格式大小 菜 单来（如图11-31所示）改变控件的大小。 图11-31 “大小”菜单项 2.改变控件的位置 首先选中要改变的控件，然后用鼠标拖放改变控件位置， 或直接在属性窗口中修改控件的Left和Top属性。 3.控件的对齐 按住“Shift”键，逐个单击要选的控件，然后单击系统 菜单的格式对齐菜单项（如图11-32所示），根据菜单的提 示操作即可。 图11-32 “对齐”菜单 项 6.2.5 6.2.5 为表单中的控件设置为表单中的控件设置TabTab顺序顺序 用户可以在表单执行期间

28、按Tab键来改变焦点的位置。Tab顺 序就是指的在连续按Tab键时焦点的改变顺序。 按Tab键时焦点的改变顺序由控件的TabIndex和TabTop属性 确定： TabIndex：指定控件的Tab顺序。 TabStop：指定按Tab键时焦点能否在移动到控件上。当控 件的TabStop属性为.T.时，按Tab键时焦点能移动到该控件上， 为.F.时则不能。 6.2.6 6.2.6 表单常用方法表单常用方法 在表单的程序编写中，常用到的方法主要有： （1）Refresh方法 格式：Form.Object. Refresh 功能：重绘表单或控件，并刷新所有的值。 （2）Cls方法 格式：Object. Cls 功能：清除表单中的图形和文本。 （3）Hide 方法 格式：Form.Hide 功能：隐藏表单，但其还处于内存中。 （4）Release方法 格式：Form. Release 功能：释放表单 6.2.7 6.2.7 表单的运行表单的运行 表单的运行有多种方式，可以在设计器当中运行，也可以通 过命令来运行。 （1）在设计器中运行：单击右键，在弹出菜单中选择“执行 表单” 。 （2）在Visual FoxPro系统的主菜单下选择：表单执行表