Flex学习笔记（五） 动画效果

<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    xmlns:s="library://ns.adobe.com/flex/spark"    xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"   currentState="Login"><s:states><s:State name="Login"/><s:State name="Portal"/></s:states><fx:Declarations><!-- 将非可视元素（例如服务、值对象）放在此处 --><s:Sequence id="shake"target="{loginPanel}"duration="100"><s:Move xBy="20"/><s:Move xBy="-20"/><s:Move xBy="20"/><s:Move xBy="-20"/><s:Move xBy="20"/><s:Move xBy="-20"/></s:Sequence><s:Move xBy="20"/></fx:Declarations><fx:Script><![CDATA[private function checkLogin():void{if(username.text == "flex" && password.text == "123"){currentState = "Portal";}else{shake.play();}}]]></fx:Script><s:Panel id="loginPanel"  includeIn="Login"  x="83" y="112" width="354" height="261"  title="Login"><s:Label x="116" y="47" text="UserName"/><s:TextInput id="username" x="116" y="67"/><s:Label x="116" y="101" text="Password"/><s:TextInput id="password" x="116" y="121" displayAsPassword="true"/><s:Button id="button" x="141" y="180" label="Submit" click="checkLogin()"/></s:Panel><s:Panel includeIn="Portal"  x="250" y="109"  width="250" height="200"  title="Portal"></s:Panel></s:Application>