2024年3月29日发(作者：)

万方数据

２００４年８月

电脑母习

第４期

Ｖｉｓｕａｌ　Ｆｏｘｐｒｏ６．０动画图形用户界面设计方法

张俊兰’张波’刘冀’．

摘要

讨论在Ｖｉｓｕａｌ　Ｆｏｘｐｒｏ６．０数据库软件开发中．应用系统的图形用户界面设计以及密码设计的技术与方法．以启动

图形用户界面设计为例详细介绍了表单设计、事件代码的编写。

关键词

Ｖｉｓｕａｌ　ＦｏｘＰｒｏ６．０动回图形用户界面设计ａｔ　９＊ＩＶ

Ｖｉｓｕａｌ　Ｆｏｘｐｒｏ６．０　Ｐｒｏｇ

ｇ－Ｏｎ　Ｇｒａｐｈｉｃｓ　Ｕｓｅｒ＇ｓ　Ｉｎｔｅｒｆａｃｅ　Ｄｅｓｉｇｎ　ｏｆ　Ａｎｉｍａｔｉｏｎ

Ｚｈａｎｇ　Ｊｕｎｌａｎ

Ｚｈａｎｇ　Ｂｏ　　　　Ｌｉｕ　Ｙｉ

Ｔｈｅ　ｐａｐｅｒ　ｄｉｓｃｕｓｓｅｓ　ｔｈｅ　ｔｅｃｈｎｉｑｕｅｓ　ａｎｄ

ｍｅｔｈｏｄｓ　ｏｆ　ｔｈｅ　ａｐｐｌｉｅｄ　ｓｙｓｔｅｍ　ａｎｄ　ｃｏｄｅ　ｄｅｓｉｇｎ　ｏｆ　ｇｒａｐｈｉｃｓ　ｕｓｅｒ＇ｓ　ｉｎｔｅ－

ｒｆａｃｅｄｔ　ｉｎｔｒｏｄｕｃｅｓ　ｓｐｅｃｉｆｉｃａｌｙ　ｔｈｅ　ｗａｙ

ｏｆ　ｆｏｒｍ　ｄｅｓｉｇｎ　ａｎｄ　ｔｈｅ　ｐｒｏｇｒａｍ　ｏｆ　ｅｖｅｎｔ　ｃｏｄｅ场ｉｎｉｔｉａｔｉｎｇ　ｔｈｅ　ｄｅｓｉｇｎ　ｏｆ

ｇｒａｐｈｉｃｓ　ｕｓｅｒ＇ｓ　ｉｎｔｅｒｆａｃｅ　ａｎｄ　ｇｉｖｅｓ　ｒｅｌｅｖａｎｔ　ａｎｌｙｓｉｓ．

Ｖｉｓｕａｌ　Ｆｏｘｐｒｏ６．０　　　　Ｕｓｅｒ＇ｓ　Ｉｎｔｅｒｆａｃｅ　Ｄｅｓｉｇｎ　ｏｆ　Ａｎｉｍａｔｅｄ　Ｇｒａｐｈ　　　　Ｄａｔａｂａｓｅ

　　　　无论什么样的应用程序，最先呈现在人们眼前的总是

一个动画的启动图形用户界面。

应用程序的启动图形用户界面，而且好的应用程序必定有

２．１设计过程

漂亮的图形用户界面。当你在初开发软件时，也许觉得做一

　　　　（１）首先设计好启动图形用户界面表单的大小：设计

个漂亮的图形用户界面一定很困难。其实，做一个漂亮的图

一个恰当的启动图形用户界面表单，尺寸不要太大也不要

形用户界面并不象你想象的那么难。

太小。设置界面表单的各属性，具体属性设置见表１；

　　　　　　　　　　　　　　　　　　　　　　１设计思想

表１界面表单属性设１表　　　　　　

　　　　当然应用程序图形用户界面各有特色，但是最基本的

属性名

属性值

也就是显示应用程序的名称、版本号和其他一些信息，也有

ｆｅ甲ｔｉｏｎ

延安大学重点学科评估管理信息系统

的在图形用户界面上设有用户密码。首先，创建一个表单作

ｔｉｔｌｅｂａｒ

．ｆ．

为应用程序启动界面；其次，在表单上创建需要的控件以

Ａｌｗａｙｓｔ叩

．ｔ。

Ａｕｔｏｃｅｎｔｅｒ

．ｔ．

及控件属性：然后，设计好表单上的图片和动画字幕：最后，

Ｂｏｒｄｅｒｓｔｙｌｅ

２一固定对话框

编写控件事件过程代码．下面就让我们一起来看看如何具

Ｗｉｎｄｏｗｓｔａｔｅ

０－普通

体地设计一个启动图形用户界面。

　　　　（２）利用图像处理工具设计界面图片：假设要在启动

２实例设计　　　　　　　　　　　　　　　　　　　　

图形用户界面表单上设计图片时，首先，根据界面的大小用

例如：　　　　给《延安大学重点学科评估管理信息系统》设计

图像处理工具（如ｐｈｏｔｏｓｈｏｐ）处理图片，直至你满意后，保

．￣．－．．自－－￣．．．－喇一．．－一－．－－－．．－－．一－．－．

文件夹中，如某学生的学号为２００３０７０１，则存放该生相片

控件ＩＭＡＧＥＩ将随之实现对应学生相片的快速刷新显示。

的图形文件名为２００３０７０１．ｊｐｇ．

３．２表单程序设计中图形文件的直接处理

参考文献　　　　　　　　　　　　　　　　　　　　

（１）在表单中添加图形控件ＩＭＡＧＥ　１，添加Ｃ：　＼ＸＳＧＬ＼ＸＳＫ．

１清源计算机工作室．ＶｉｓｕａｌＦｏｘｐｒｏ６．０开发宝典〔Ｍ］．北

ＤＢＦ至表单的数据环境。

京：机械工业出版社，１９９９．

（２）在表单的Ｉｎｉｔ事件和记录指针移动控件的Ｃｌｉｃｋ事件

２王清源．Ｗｉｎｄｏｗｓ实用编程［Ｍ］．北京：机械工业出版

中包含如下代码：

社，１９９６．

ｃｂ＝＇ｄ：　＼ｘｓｇｌ＼相片＼＇＋ａＵｔ　（ｘｈ）　＋＇．ｊｐｇ＂

３钱培德．中文ＶｉｓｕａｌＦｏｘｐｒｏ６．０傻瓜书【Ｍ］．北京：清华

ＴＨＩＳＦＯＲＭ．ＩＭＡＧＥ　Ｉ．ＰＩＣＴＵＲＥ＝ｃｂ

大学出版社，１９９９．

ＴＨＩＳＦＯＲＭ．ＲＥＦＲＥＳＨ

４合力工作室．中文ＶｉｓｕａｌＦｏｘＰｒｏ６．０高级编程【Ｍ］．北

此表单在运行过程中，　　　　随着数据库表指针的移动，图形

京：清华大学出版社，１９９９．

．张俊兰延安大学计算机学院教授，张波

．＊刘具

陕西省安康铁路分局公安处（（７２５０００）

延安大学网络中心（７１６０００）

收稿日期：　　　　　　　　　　　　２００４－０１０－８

６４　　　　

存成文件，然后，加载到界面表单的适当位置上；最后，设置

Ｐｎｄｉｆ

＊＊＊＊＊＊＊＊＊

窗体的ｐｉｃｔｕｒｅ属性为界面图片名以及具体路径：

（３）利用文本框作为密码输入框，并制作”　　　　确定”和”

取消“按钮（只有当封面设有密码时）；

（４）对按钮编写事件代码。若无密码时，设定一定时　　　　

间后调用菜单；若有密码时，当密码正确时调用菜单。

２．２实例实现

（１）若有密码时，《延安大学重点学科评估管理信息系

②”确定”按钮（ｍｏｕｓｅｄｏｗｎ）代码

ｔｈｉｓｆｏｒｍ．ｉｍａｇｅｌ．ｐｉｃｔｕｒｅ＝＂ｐｉｃ＼ｇｄ２．ｊｐｇ＂

③”确定”按钮（ｍｏｕｓｅｕｐ）代码

ｔｈｉｓｆｏｒｍ．ｉｍａｇｅＬｐｉｃｔｕｒｅ＝＂ｐｉｃ＼ｇｄｌ．ｊｐｇ＂

④”取消“按钮（ｍｏｕｓｅｄｏｗｎ　）代码

ｔｈｉｓｆｏｒｍ．ｉｍａｇｅ２．ｐｉｃｔｕｒｅ＝＂ｐｉｃ＼ｇｘ２．ｊｐｇ＂

ｃｌｏｓ　ａｌ

ｑｕｉｔ

统》的动画图形用户界面表单如图１所示。ｌａｂｅ１３的ｃａｐ－

万方数据

ｔｉｏｎ属性设为”欢迎使用重点学科评估信息系统”。

笼‘妾＿大李

重点学科评万即管理信息系统

欢迎快川吸众　　　　　　　　　１祠飞甲认赞姗认　！｝，４：级　

２０Ｍ１介璐９月１４１１　　　　　　　　　　　　　　　　　２０：４盛：２６

淆脚入容玲：　　　　Ｐ　　　　　　　＂　ｘ　Ｉ　ＬＺ到

图ｌ启动图形用户界面表单设计图　　　　　　　　　　　　

（２）事件代码编写

①”确定，，按钮（ｃｌｉｃｋ）代码

ｉｆ输入密码二设置密码

ｔｈｉｓｆｏｒｍ．ｒｅｌｅａｓｅ

ｗｉｔｈ＿　　ｓｃｒｅｅｎ

．ｗｉｎｄｏｗｓｔａｔｅ＝２

．ｍａｘｂｕｔｔｏｎ＝．ｔ．

．ｃｌｏｓａｂｌｅ＝．ｆ．

．ｃａｐｔｉｏｎ－－＂延安大学重点学科评估管理信息系统”

．ｉｃｏｎ－－＂ｐｉｃ＼ｐｈｏｔｏ．ｉｃｏ＂

ｅｎｄｗｉｔｈ

ｄｏ　＂ｍｅｎｕ／ｚｄｘｋ．ｍｐｒ＂

ｓｃｒｅｅｎ．　　ｖｉｓｉｂｌｅ＝．ｔ．

ｅｌｓｅ

ｍｅｓｓａｇｅｂｏｘ”你输入的密码不正确！请重新输入！”）

ｔｈｉｓｆｏｒｍ．ｔｅｘｔ　ｌ　．ｖａｌｕｅ－－＂＂

ｔｈｉｓｆｏｒｍ．ｔｅｘｔｌ．ｓｅｔｆｏｃｕｓ

ｉ＝ｉ＋１

ｉｆ　ｉ＝３

ｍｅｓｓａｇｅｂｏｘ（”你输入密码的错误次数太多，请查证后再输！”〕

ｔｈｉｓｆｏｒｍ．ｒｅｌｅａｓｅ

ｑｕｉｔ

ｅｎｄｉｆ

⑤“取消“按钮（ｍｏｕｓｅｕｐ）代码

ｔｈｉｓｆｏｒｍ．ｉｍａｇｅ２．ｐｉｃｔｕｒｅ＝＂ｐｉｃ＼ｇｘｌ．ｊｐｇ＂

在窗体上放两个ｔ　　　　ｉｍｅｒ控件（

ｔｉｍｅｒｌ　，ｔｉｍｅｒ２）的事件代

码设计如下：

⑥ｔｉｍｅｒｌ代码

ｔｈｉｓｆｏｒｍ．ｌａｂｅｌ１．

ｃａｐｔｉｏｎ＝ａｌｔｒｉｍ　（ｓｔｒ　（ｙｅａｒ　（ｄａｔｅ（））））＋＂年＂＋ｃ

ａｌｌｔｒｉｍ　（ｓｔｒ（

ｍｏｎｔｈ　（ｄａｔｅ（））））＋”月”＋ａｌｌｔｒｉｍ　（ｓｔｒ　（ｄａｙ　（ｄａｔｅ

（））））＋即日即

ｔｈｉｓｆｏｒｍ．ｌａｂｅｌ２．

ｃａｐｔｉｏｎ＝ｔｉｍｅ（）

⑦ｔｉｍｅｒ２代码

ｉｆ　ｔｈｉｓｆｏｒｍ．ｌａｂｅｌＩｌｅｆｔ＋１８０＞０

ｔｈｉｓｆｏｒｍ．ｌａｂｅｌ３．ｌｅｆｔ＝ｔｈｉｓｆｏｒｍ．ｌａｂｅｌ３．ｌｅｆｔ－１０

ｅｌｓｅ

ｔｈｉｓｆｏｒｍ．ｌａｂｅｌ１ｌｅｆｔ＝３６０

ｅｎｄｉｆ

２．３实现要求

　　　　“确定”、”取消”按钮分别为两张图片（ｇｄｌ．ｊｐｇ．ｇｄ２．Ｊｐｇ；

ｇｘｌ．ｊｐｇ．ｑｘ２．ｊｐｇ），首先要做好两张大小相同，看起来有所改

变的图片。在窗体的ｌｏａｄ时间中设置（ｐｕｂｌｉｃ　ｉ　ｉ＝０　）。到此

为止”延安大学重点学科评估管理信息系统“的动画图形用

户界面就设计完成了。

３结束语　　　　　　　　　　　　　　　　　　　　

　　　　以上所述是我们在研发“延安大学重点学科评估管理

信息系统”时，设计的一种动画图形用户界面。可能不是所

有读者都认可的，但我们给大家提供了一种制作界面的一

种有效而简洁易学的方法，对ＶＦＰ应用者有参考价值，读

者可在这种思路指导下制作出更美观实用的系统界面来。

参考文献　　　　　　　　　　　　　　　　　　　　

Ｉ王国芳，郭金泉，段小勇等．ＶＩＳＵＡＬ　ＦＯＸＰＲＯ实践开发

指南．北京：中国铁道出版社，１９９９，３．

２章立民．ＶＩＳＵＡＬ　ＦＯＸＰＲＯ程序设计问题篇．北京：中国

铁道出版社，１９９９，３．

３王博，童长武，杨柳，王广云等．ＶＩＳＵＡＬ　ＦＯＸＰＲＯ　６．０计