入职学习AS3 之旅二_as用户名输入框-CSDN博客

本文链接：https://blog.csdn.net/yearbeast/article/details/121352287

本文介绍了如何在ActionScript3中创建登录界面，并通过XML文件存储用户信息。用户点击登录按钮后，程序读取XML数据，对比输入的用户名和密码，实现登录验证。当验证成功时，显示相应提示，否则显示错误信息。提供的源码可帮助开发者理解实现过程。

摘要由CSDN通过智能技术生成

AS3 实现简单的登录

创建ActionScript项目

编辑器：Adobe Flash Builder 4.7
编辑器：Adobe Flash Builder 4.7 (2)

实现思路

1.创建登录框ui界面
代码展示：

//                   登陆按钮
                     var loginButton:Sprite = new Sprite();
                     loginButton.graphics.beginFill(0xfff000);
                     loginButton.graphics.drawRoundRect(100,140,120,40,40,40);
                     addChild(loginButton);
//            用户名文字
                     private var _Name:TextField;   
                     _Name = new TextField();
                     _Name.htmlText = "<font size='18'><b>"+"用户名："+"<b></font>";
                     _Name.width=100;
                     _Name.x= 50;
                     _Name.y= 50;
                     _Name.height = 40;
                     _Name.background =  0x000000
                     _Name.selectable = false;
                     _Name.mouseEnabled = false;
//                   用户名输入框
                      private var _name:TextField;
                     _name = new TextField();
                     _name.width=100;     
                     _name.height = 25;
                     _name.border = true;
                     _name.x= 140;
                     _name.y= 45;
                     _name.background =  0x000000 ;                  
                     _name.type = "input";

2、通过xml来保存用户信息，创建User.xml

<?xml version="1.0" encoding="UTF-8"?>
<User>
    <UserInfo>
        <name>123</name>
        <passWord>123</passWord>
        <level>普通用户</level>
    </UserInfo>
    <UserInfo>
        <name>admin</name>
        <passWord>admin</passWord>
        <level>会员</level>
    </UserInfo>
    <UserInfo>
        <name>李水森</name>
        <passWord>123</passWord>
        <level>普通用户</level>
    </UserInfo>
</User>

3、给登录按钮添加鼠标点击事件

loginButton.addEventListener(MouseEvent.CLICK,login);

3.1、点击登录后，对User.xml进行解析

var url = new URLRequest("./User.xml");
var loadurl = new URLLoader(url);
loadurl.addEventListener(Event.COMPLETE,Loadxml);

3.2、解析xml后添加事件–对文本输入框和xml信息进行校验

function Loadxml(event:Event) {
                                  var userxml:XML=XML(loadurl.data);
                                  trace(userxml.UserInfo.name);
                                  trace(userxml.UserInfo.passWord);                            
                                  for(var i:int = 0;i<userxml.UserInfo.length();i++){
                                         if(userxml.UserInfo.name[i]==_name.text)
                                                if(userxml.UserInfo.passWord[i] == _passWord.text){
                                                       removeChild(_name);
                                                       removeChild(_passWord);
                                                       removeChild(_Name);
                                                       removeChild(_PassWord);
                                                       removeChild(_login);
                                                       successBackground(_name.text,userxml.UserInfo.level[i]);      
                                                       break;
                                                }
                                         else
                                                tip();
                                                trace("用户名或密码错误");
                                         
                                  }
                                         
                           }