Flash中制作密码审核界面的方法.docVIP

Flash中制作密码审核界面的方法 　　摘要：该文综述了Flash中密码审核界面的制作方法，制作中选用了不同的文件类型：ActionScript2.0和ActionScript3.0；强调在按钮上使用动作和时间轴上使用动作的不同点，旨在独特、创新、开拓开发的思路，希望能为同行提供参考。 　　关键词：Flash；图层；帧；时间轴；动作；组件 　　中图分类号：TP319文献标识码：A文章编号：1009-3044(2011)30-7511-03 　　在某些网站或者程序中，用户必须登录成功后才可执行功能。其实用户登录就是对用户输入的账号和密码进行验证。如果正确，则跳转到登录成功的界面，否则跳转到登录失败的界面。下面就Flash CS5中常用的几种密码保护界面的制作方法为大家做一介绍。 　　1 利用“输入文本”和“按钮”元件制作 　　使用“输入文本”和“按钮”可以制作出最简单的密码保护界面，制作后的 “1登录主界面”、“登录成功界面”、“1登录失败界面”如图1所示，具体的制作过程如下： 　　1.1 文件类型的选择 　　在Flash中可以使用多种文件类型，因为在这个操作中有按钮的使用，为了方便ActionScript2.0用户的使用，我们使用ActionScript2.0文件类型，时间轴和图层的情况如图2“1时间轴与图层”所示。 　　1.2 界面制作 　　1) “1背景”层的第1帧上制作需要的登录主界面，即以上三个界面中相同的部分。因为这个内容要一直延续到结束，所以在第4帧处插入普通帧以延续内容。 　　2) 在“1登录界面”图层的第1帧上制作登录主界面。 　　如图3所示，其中“用户登录”、“User Login”、“账号”、“密码”为静态文本；“账号”和“密码”右侧的文本框为“输入文本”，其“实例名称”为“txtName”和“txtPass”；“进入”是一个按钮元件实例，为“进入”按扭元件实例添加动作： 　　on (release) { //按下按扭 　　if(txtName.text ==zyxyjwc txtPass.text ==123456) //如果输入账号为“zyxyjwc,密码为“123456” 　　{gotoAndStop(4);} //影片到第4帧并停止 　　else {gotoAndStop(3)}} //否则到第3帧并停止 　　这样就只有输入账号“zyxyjwc”、密码“123456”时，影片才进入登录正确界面。 　　3) 在“1登录界面” 图层的第3帧上放置登录失败信息。 　　其中“×”为图形元件，“返回”为按钮元件。为“返回”按钮添加动作： 　　on (press) { 　　gotoAndStop(1);}; //回到第1帧并停止 　　这样，在登录失败的情况下可以通过单击界面中的“返回”按钮回到第1帧的登录主界面中。 　　4) 在“1登录界面” 图层的第4帧上放置登录成功信息。 　　为时间轴添加动作： 　　在“1脚本”图层的第1帧上添加动作： 　　stop(); //停止播放。 　　这样当影片开始播放时，停止在登录主界面，等待用户输入登录信息。 　　在“脚本”图层的第2帧上添加动作： 　　prevFrame(); //返回上一帧 　　这样可以防止按右键菜单的播放命令，使影片直接播放。 　　2 利用Flash组件 　　Flash组件是功能强大且具有一致外观和行为的应用程序。设计者可以直接使用这些组件，而不需要自己创建按钮、组合框和列表等。制作后的 “2登录主界面”、“2登录失败界面”与方法1相比，只是将界面中的按钮改为对应的组件，“登录成功界面”与上例完全相同。下面就使用ActionScript3.0文件类型、利用Flash的组件来制作密码审核界面的方法做一介绍。 　　2.1 文件类型的选择 　　使用ActionScript3.0文件类型，时间轴和图层的情况如图4“2时间轴及图层”所示。 　　界面制作： 　　1) 在“2背景”层的第1帧上制作需要的登录主界面，内容同“1背景”图层。 　　2) 在“2登录界面”层的第1帧制作登录的主界面。 　　其中“用户登录”、“User Login” 为静态文本。“账号”、“密码”为Lable组件，在“属性”面板中分别设置“实例名称”为userTitle和“pwdTitle”。“账号”和“密码”右侧的文本框为TextInput组件，在属性面板中分别设置其“实例名称”为“User”和“PassWord”；maxChars参数为10，即允许用户最多输入10个字符。“PassWord”组件实例的displayAsPassword参数设置为true，即在密码文本输入框中输入的内容将以星号代替。“确定”和“取消”为B