ά

主要介绍FLASH的编程

作者：jaklin
email: [e-mail]
日期：8/10/2001 4:42:57 PM
用Flash 5制作用户登录界面


　　
　　 相信大多数喜欢Flash的朋友，都爱用Flash强大的Motion功能及按钮来制作自己的Banner及网页，新版的Flash 5具有强大的交互功能，下面我们就来利用它制作一个用户密码登录的界面。本例适合于初中级的Flash爱好者，如果你是闪客高手的话，那就……嘿嘿~~~~~：-（
　　 本例的制作流程图如下：
　　 左边的流程，如果通过网页编程语言来实现，肯定比较复杂（倒不是原理复杂，而是那长长的代码段往往令人望而生畏），不过通过Flash 5，所见即所得，很快就可以完成。下面我们来看看是如何制作的。
　　 一、三个主要的用户界面
　　 1.打开Flash 5，建立一个450×200（大小可以根据你的实际需要而定）的场景。
　　 2.在第1层的第一帧中放上主界面的非交互部分。本例中只安排两行文字信息，实际制作中读者可以制作各种动态与静态的画面，使之完美。
　　 3.增加一个层，用来放置和用户交互的元素。选中这一层的第1帧，选择Text Tool（文字工具），在第一帧的“请输入密码”的后面拖出一个文本框，选中文本框，打开文本操作面板，在文本框类型里选择Input Text（输入文本），文字类型里选择Password（密码），文本框变量中键入password1。
　　 4.制作一个确定按钮符号，放到页面的适当位置。
　　 5.在第5帧插入一个关键帧，建立未注册用户的登录时的出错提示，本例中只显示了未注册用户的提示，并提供了返回按钮。实际应用中，你完全可以随心布置你自己的界面。
　　 6.选择第10帧，插入关键帧，在第10帧里设置合法用户的界面。你可以在此界面中加入导航按钮，使合法用户可以选择进入不同的页面。
　　 二、为对象编辑
　　 上边我们只是完成了登录过程的页面制作，至于其中的流程控制和交互性，则还要在下边添加一些简单的Action和编程语句。
　　 1.打开Action面板
　　 2.选中第2层的第1帧，在其中选中按钮，这里Action面板自动变成object Action，提示你在这增加交互语句，对于一个按钮，触发事件应该是on (鼠标事件)。
　　 3.在Action的左边语句列表中，选择on（鼠标事件），会出现如图所示内容。
　　 4.在下面选中release(释放)和key press(按下)两个选项，在按键框中输入enter，程序列表中会自动出现程序
　　on (releasr,keypress""){
　　}
　　 5.然后在Action下面选择if语句，在参数域中输入"password1==good"条件。

　　 6.然后选择goto语句，在参数域的帧序号里键入10，表示密码正确转向第10帧。
　　 7.然后选择else语句，在参数域的帧序号中输入5，表示密码错误，转向第5帧。
　　 8.这样，上面整个代码就完成了。
　　on (releasr,keypress""){
　　if (password1=="good"){
　　gotoandplay(10);
　　}else{
　　gotoandplay(5);
　　}
　　}
　　 程序的执行过程是这样的，如果密码正确（密码为good），转向第10帧（进入正确的页面），否则密码不正确，转向第5帧注册画面显示错误提示页面。
　　 9.选择第5帧，选中确定按钮，在Action面板中输入下列代码： 
　　on (release){gotoandplay(1);}
　　 这样，在错误提示页面中你按下“确定”按钮时会自动返回输入用户名和口令窗口。
　　 10.为了保证按钮触发事件之前帧播放应该是停止的，还要分别选中第1、5、10帧，在Action面板中选中stop(停止)语句，保证事件全由按钮控制。
　　 至此，一个简单的用户密码登录界面就制作完成了。本例虽然简单，但是你可以在此基础之上加上更为复杂的按钮和语句，来制作出更为完美的界面。
　　 用Flash 5来制作用户登录界面有它的优点，因为整个程序的运行只是各个帧之间的跳转，而不是各个web页面的转向，所以运行速度非常快，且程序多数可以自动生成，提高了效率。