<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状态所以就会自动触发 刚才的过渡效果。<mx:states> <mx:State name="login"> 你的当前访问异常,请进行认证后继续阅读剩余内容。 提交