<mx:states> <mx:State name="login"> <mx:AddChild position="lastChild"> <mx:ApplicationControlBar id="col"> <mx:TextInput id="user"/> <mx:TextInput displayAsPassword="true" id="password"/> <mx:Image id="loginImage" width="30" height="30" click="loginCheck()" buttonMode="true"> <mx:source>../assets/001.png</mx:source> </mx:Image> </mx:ApplicationControlBar> </mx:AddChild> </mx:State> </mx:states> 由于大部分是自动生成所以在这里就不介绍这个了。 过渡效果: <mx:transitions> <mx:Transition id="loginOn" fromState="*" toState="login" > <mx:Sequence targets="{[user,password,loginImage]}"> <mx:Blur duration="100" blurXFrom="0.0" blurXTo="10.0" blurYFrom="0.0" blurYTo="10.0"/> <mx:Blur duration="100" blurXFrom="10.0" blurXTo="0.0" blurYFrom="10.0" blurYTo="0.0"/> </mx:Sequence> </mx:Transition> </mx:transitions> fromState:从什么状态 * 代表所以的状态 toState:到什么状态 login 指id为login的状态 targets:目标控件(即要进行过渡的控件) duration:过渡时间(100毫秒) blurXFrom:X方向的开始模糊度 0.0 模糊显示 blurXTo:X方向的结束模糊度 10.0 正常显示 blurYFrom:Y方向的开始模糊度 0.0 模糊显示 blurYTo: Y方向的结束模糊度 10.0 正常显示 状态变更的触发: <mx:Image id="image1" click="this.currentState='login'" > <mx:source>../assets/02.png</mx:source> </mx:Image> Click:鼠标单击事件 this.currentState='login':当前的状态变为 login 状态 由于是一个状态变更的login状态所以就会自动触发 刚才的过渡效果。