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

Flash中制作密码审核界面的方法 周俊平 (乌兰察布职业学院，内蒙古 乌兰察布市 012000) 摘要：本文综述了Flash中密码审核界面的制作方法，制作中选用了不同的文件类型：ActionScript2.0和ActionScript3.0；强调在按钮上使用动作和时间轴上使用动作的不同点，旨在独特、创新、开拓开发的思路，希望能为同行提供参考。 关键字：Flash、图层、帧、时间轴、动作、组件 在某些网站或者程序中，用户必须登录成功后才可执行功能。其实用户登录就是对用户输入的账号和密码进行验证。如果正确，则跳转到登录成功的界面，否则跳转到登录失败的界面。下面就Flash CS5中常用的几种密码保护界面的制作方法为大家做一介绍。 利用“输入文本”和“按钮”元件制作 使用“输入文本”和“按钮”可以制作出最简单的密码保护界面，制作后的 “1登录主界面”、“登录成功界面”、“1登录失败界面”如下图所示，具体的制作过程如下： 文件类型的选择：在Flash中可以使用多种文件类型，因为在这个操作中有按钮的使用，为了方便ActionScript2.0用户的使用，我们使用ActionScript2.0文件类型，时间轴和图层的情况如图“1时间轴与图层”所示。 界面制作： “1背景”层的第1帧上制作需要的登录主界面，即以上三个界面中相同的部分。因为这个内容要一直延续到结束，所以在第4帧处插入普通帧以延续内容。 在“1登录界面”图层的第1帧上制作登录主界面。 其中“用户登录”、“User Login”、“账号”、“密码”为静态文本；“账号”和“密码”右侧的文本框为“输入文本”，其“实例名称”为“txtName”和“txtPass”；“进入”是一个按钮元件实例，为“进入”按扭元件 on (release) { //按下按扭 if(txtName.text ==zyxyjwc txtPass.text ==123456) //如果输入账号为“zyxyjwc,密码为“123456” {gotoAndStop(4);} //影片到第4帧并停止 else {gotoAndStop(3)}} //否则到第3帧并停止 这样就只有输”、密码“123456”时，影片。放置on (press) { gotoAndStop(1);}; //回到第1帧并停止放置登录成功信息。 为时间轴添加动作： 在“1脚本”图层的第1帧上添加动作： stop(); //停止播放上加： prevFrame(); //返回上一帧 这样可以防止按右键菜单的播放命令，使影片直接播放 使用ActionScript3.0文件类型，时间轴和图层的情况如图“2时间轴及图层”所示。 界面制作： 在“2背景”层的第1帧上制作需要的登录主界面，内容同“1背景”图层。 在“2登录界面”层的第1帧制作登录的主界面。 其中“用户登录”、“User Login” 为静态文本。“账号”、“密码”为Lable组件，在“属性”面板中分别设置“实例名称”为userTitle和“pwdTitle”。 “账号”和“密码”右侧的文本框为TextInput组件，在属性面板中分别设置其“实例名称”为“User”和“PassWord”；maxChars参数为10，即允许用户最多输入10个字符。“PassWord”组件实例的displayAsPassword参数设置为true，即在密码文本输入框中输入的内容将以星号代替。“确定”和“取消”为Button组件，在“属性”在面板中分别设置其“实例名称”为Submit和Reset。 在“2登录界面”层的第3帧制作登录失败的界面，内容如图“‘1登录界面’图层第3帧”，只是需要将其下方的按钮元件实例换成Button组件实例，设置其“实例名称”为Return。 在“2登录界面”层的第4帧创建提示登录成功的界面，内容如图 “‘1登录界面’图层第4帧”。 为时间轴添加脚本： 在“2脚本”图层的第1帧添加如下动作： stop(); //停止播放动画 Submit.addEventListener(MouseEvent.CLICK,LoginAction); //侦听“确定”按钮的鼠标单击事件，当事件发生时调用LoginAction()函数判断用户输入的帐号和密码是否正确 function LoginAction(event:MouseEvent):void{ var user:String = User.text; //获取User输入文本框中的帐号 var pwd:String = PassWord.text; //获取PassWord输入文本框中的密码 if(user == zyxyjwc pwd == 123456){ //如果帐号为“zyxyjwc”且密