很漂亮的Flex 用户登录界面

Java代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientColors="[0x000000,0x323232]" fontSize="12">
<mx:Script>
<![CDATA[
// Import easing classes if you use them only in MXML.
import mx.effects.easing.Bounce;
]]>
</mx:Script>

<!-- Define the transition to animate the change of view state. -->
<mx:transitions>
<mx:Transition>
<mx:Parallel
targets="{[loginPanel, registerLink, loginButton, confirm,realname,tel,email,areaname,realnameL,telL,emailL,areanameL]}">
<mx:Resize duration="500" easingFunction="Bounce.easeOut"/>
<mx:Sequence targets="{[confirm,realname,tel,email,areaname,realnameL,telL,emailL,areanameL]}">
<mx:Blur duration="200" blurYFrom="1.0" blurYTo="20.0"/>
<mx:Blur duration="200" blurYFrom="20.0" blurYTo="1"/>
</mx:Sequence>
</mx:Parallel>
</mx:Transition>
</mx:transitions>

<mx:states>
<mx:State name="Register">
<mx:AddChild relativeTo="{loginForm}"
position="lastChild">
<mx:FormItem id="confirm" label="确 认:">
<mx:TextInput/>
</mx:FormItem>
</mx:AddChild>
<mx:AddChild relativeTo="{loginForm}"
position="lastChild">
<mx:FormItem id="realnameL" label="真实姓名：">
<mx:TextInput id="realname"/>
</mx:FormItem>
</mx:AddChild>
<mx:AddChild relativeTo="{loginForm}"
position="lastChild">
<mx:FormItem id="telL" label="电话：">
<mx:TextInput id="tel"/>
</mx:FormItem>
</mx:AddChild>
<mx:AddChild relativeTo="{loginForm}"
position="lastChild">
<mx:FormItem id="emailL" label="Email：">
<mx:TextInput id="email"/>
</mx:FormItem>
</mx:AddChild>
<mx:AddChild relativeTo="{loginForm}"
position="lastChild">
<mx:FormItem id="areanameL" label="所在区域：">
<mx:TextInput id="areaname"/>
</mx:FormItem>
</mx:AddChild>
<mx:SetProperty target="{loginPanel}"
name="title" value="用户注册"/>
<mx:SetProperty target="{loginButton}"
name="label" value="注册"/>
<mx:RemoveChild target="{registerLink}"/>
<mx:AddChild relativeTo="{spacer1}" position="before">
<mx:LinkButton label="返回登录"
click="currentState=''"/>
</mx:AddChild>
</mx:State>
</mx:states>

<mx:Panel id="loginPanel"
title="用户登录" color="0xffffff" borderAlpha="0.15"
horizontalScrollPolicy="off" verticalScrollPolicy="off" horizontalCenter="0" verticalCenter="022">

<mx:Form id="loginForm" color="0x323232">
<mx:FormItem label="用户名:">
<mx:TextInput/>
</mx:FormItem>
<mx:FormItem label="密 码:">
<mx:TextInput/>
</mx:FormItem>
</mx:Form>

<mx:ControlBar>
<mx:LinkButton id="registerLink"
label="新用户注册"
click="currentState='Register'"/>
<mx:Spacer width="100%" id="spacer1"/>
<mx:Button label="登录" id="loginButton"/>
</mx:ControlBar>
</mx:Panel>

</mx:Application>