flex登录界面实例2

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*"     layout="vertical" creationComplete="initApp()"><mx:states>     <!--新建“index”State-->   <mx:State name="index">      <!--移除“登录框”-->    <mx:RemoveChild target="{panel1}"/>    <!--添加新的组件-->    <mx:AddChild position="lastChild">     <mx:Label x="231" y="174" text="欢迎来到主页" fontFamily="Georgia" fontSize="20" />    </mx:AddChild>   </mx:State></mx:states><mx:Script>   <![CDATA[   import mx.controls.Alert;   private function initApp():void{   lblCheckCode.text=GenerateCheckCode();   }   private function loginHandle():void{     if(txtUsername.text=="" || txtPassword.text==""){      Alert.show("用户名或者密码输入不完整！");     }     if(txtUsername.text=="licui"&& txtPassword.text=="123" && txtCheckCode.text.toLocaleLowerCase()==lblCheckCode.text.toLocaleLowerCase()){      currentState="index";     }else{      if(txtCheckCode.text.toLocaleLowerCase()!=lblCheckCode.text.toLocaleLowerCase()){       Alert.show("验证码不正确:");       lblCheckCode.text=GenerateCheckCode();      }else{       Alert.show("用户名或者密码输入不正确!");     }    }    }   private function resetHandle():void{     txtUsername.text="";     txtPassword.text="";     txtCheckCode.text="";    }   private function GenerateCheckCode():String{   var ran:Number;   var number:Number;   var code:String;   var checkcode:String="";   //生成四为随机数   for(var i:int=0;i<4;i++){      ran=Math.random();      number=Math.round(ran*1000);      if(number%2==0)      code=String.fromCharCode(48+(number%10));   else   code=String.fromCharCode(65+(number%26));   checkcode+=code;   }       return checkcode;     }   ]]></mx:Script><mx:Panel x="108" y="71" width="349" height="257" layout="absolute" title="用户登录" fontFamily="Georgia" fontSize="12" id="panel1">   <!-- "用户名"标签 -->   <mx:Label x="41.5" y="33" text="用户名"/>    <!-- "密码"标签 -->      <mx:Label x="42.5" y="81" text="密码"/>    <!-- "用户名"输入框 -->       <mx:TextInput x="94.5" y="33" id="txtUsername"/>    <!-- "密码"输入框 -->   <mx:TextInput x="95.5" y="81" id="txtPassword" displayAsPassword="true"/>   <!-- "登录"按钮 -->    <mx:Button x="82.5" y="159" label="登录" id="btnLogin" click="loginHandle()"/>         <!-- "重置"按钮 -->    <mx:Button x="181.5" y="159" label="重置" id="btnReset" click="resetHandle()"/>    <!-- "校验码"标签 -->    <mx:Label x="165.5" y="125" id="lblCheckCode" width="42.5" color="#377CD0"/>   <mx:LinkButton x="216" y="123" label="看不清楚?" id="linkbtnReGenerate" click="lblCheckCode.text=GenerateCheckCode();" fontFamily="Georgia" fontSize="11"/>   <mx:Label x="39.5" y="123" text="校验码"/>   <!-- "校验码"输入框 -->    <mx:TextInput x="96.5" y="121" id="txtCheckCode" width="61" maxChars="4"/></mx:Panel></mx:Application>