
3.6 表单设计器
表单设计器是Visual FoxPro提供的一个功能非常强大的表单设计工具,它是一种可视化(Visual)工具,表单的全部设计工作都在表单设计器中完成。
3.6.1 打开表单设计器
无论是建立新表单还是修改已有的表单程序都要打开表单设计器,先从建立一个新表单开始入手。打开表单设计器有4种方法:
①在“文件”菜单中选择“新建”命令或直接单击常用工具栏上的“新建”按钮,出现“新建”对话框,选中“表单”单选按钮并按“新建文件”按钮,如图3-14所示。

图3-14 “新建”对话框
②在命令窗口中使用CREATE FORM命令。
③在项目管理器中选择“文档”选项卡,用鼠标选中“表单”,再按“新建”按钮。
④在弹出的“新建表单”对话框中选择“新建表单”按钮,如图3-15所示。

图3-15 选择“新建表单”按钮
以上任何一种方法都可以打开“表单设计器”,开始设计新表单。
图3-16为进入表单设计器时的初始画面。

图3-16 表单设计器窗口
表单设计器中包含一个新创建的表单或是待修改的表单,可在其上添加和修改控件。表单可在表单设计器内移动或是改变其大小。
3.6.2 表单设计器工具栏
如果用户的屏幕上没有出现“表单设计器”工具栏,可以将鼠标移到标准工具条上的任意位置,单击鼠标右键,从弹出的快捷菜单中选择“表单设计器”(如图3-17所示)即可得到表单设计器工具栏。

图3-17 工具栏快捷菜单
或者从“显示”菜单中选择“工具栏”(如图3-18a),在“工具栏”对话框中选择“表单设计器”,然后单击“确定”按钮(如图3-18b),也可得到表单设计器工具栏。

图3-18 “显示”菜单与“工具栏”对话框
表单设计器工具栏中包括了设计表单时的所有工具。把鼠标指针移到工具栏的某按钮上,就会出现该工具按钮的名称,如图3-19所示。各个工具按钮的功能说明如表3-4所示。

图3-19 表单设计器工具栏
表3-4 工具按钮

3.6.3 表单控件工具栏
单击“表单设计器”工具栏上的“表单控件工具栏”按钮,屏幕出现“表单控件”工具栏,可以把它拖放到适当的位置,如图3-20所示。

图3-20 带有“表单控件”工具栏的表单设计器
如前所述,“表单控件”工具栏中提供了Visual FoxPro可视化编程的各种控件,利用这些控件可以创建出用户所需要的对象。除了各种控件以外,工具栏中部分按钮如表3-5所示。
表3-5 工具栏中的部分按钮

3.6.4 属性窗口
用户在设计时修改或设置属性,一般是在“属性窗口”中进行的。
单击鼠标右键,在弹出的快捷菜单中选取“属性”命令(如图3-21所示)或单击“表单设计器”工具栏中“属性窗口”按钮,可打开“属性”窗口,如图3-22所示。

图3-21 选取“属性”命令

图3-22 “属性”窗口
属性窗口包含选定对象(表单或控件)的属性、事件和方法列表,用户可在设计或编程时对这些属性值进行设置或更改。属性窗口从上到下依次包括如下。
①“对象”下拉列表框:标识当前选定的对象。单击右端的向下箭头,可看到包括当前表单(或表单集)及其所包含的全部对象的列表。可以从列表中选择要更改其属性的表单或对象。
②“选项卡”:按分类方式显示所选对象的属性、事件和方法,包括以下类别。
全部:显示全部属性、事件和方法。
数据:显示所选对象如何显示或怎样设置数据的属性。
方法程序:显示方法和事件。
布局:显示所有的布局属性。
其他:显示其他和用户自定义的属性。
③“属性设置框”:可以更改属性列表中选定的属性值。如果选定的属性具有预定义的设置值,则在右边出现一个向下箭头。如果属性设置需要指定一个文件名或一种颜色,则在右边出现三点按钮。单击“接受”按钮(√号)来确认对此属性的更改。单击“取消”按钮(×号)取消更改,恢复以前的值。有些属性(如背景色)显示一个三点按钮,允许从一个对话框中设置属性。单击“函数(fx)”按钮,可打开表达式生成器。属性可以设置为原义值或由函数或表达式返回的值。
④“属性列表”:这个包含两列的列表显示所有可在设计时更改的属性和它们的当前值。对于具有预定值的属性,在“属性列表”中双击属性名可以遍历所有可选项。对于具有两个预定值的属性,在“属性列表”中双击属性名可在两者间切换。选择任何属性并按〈F1〉键可得到此属性的帮助信息。对于以表达式作为设置的属性,它的前面具有等号(=)。只读的属性、事件和方法以斜体显示。
在“属性”窗口中以上各项之外处单击鼠标右键,将弹出快捷菜单,如图3-23所示。通过相应的选择可以改变“属性”窗口的外观。

图3-23 弹出式菜单
3.6.5 代码窗口
“代码”(Code)窗口是编写事件过程和方法代码的地方。下述方法之一可以打开代码窗口:
①在表单中右击需要编写代码的对象,在弹出的快捷菜单中选择“代码”命令,如图3-24所示。

图3-24 快捷菜单
②单击表单设计器中“代码”按钮。
③用鼠标左键双击需要编写代码的对象。
打开的代码窗口如图3-25所示。

图3-25 代码窗口