Flex登录——开关门特效

login时开门，logout时关门。源代码贴在后面

Xml代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
   xmlns:eff="com.adobe.ac.mxeffects.*"
   paddingBottom="0" paddingLeft="0" paddingTop="0" paddingRight="0"
   horizontalAlign="center" verticalAlign="middle" xmlns="*" viewSourceURL="srcview/index.html">

<mx:Script>
      <![CDATA[
          import com.adobe.ac.mxeffects.Gate;
          import com.adobe.ac.mxeffects.Flip;
          import mx.effects.Sequence;
          import mx.effects.Parallel;
          import mx.effects.Resize;
          import mx.effects.Fade;
          import mx.effects.Iris;
          import com.adobe.ac.mxeffects.DistortionConstants;

          private const min_int = 350;
          private const min_height:int = 200;

public function gotoChatRoom() : void {
var mySequence:Sequence = new Sequence();

             var gate:Gate = new Gate(login);
             gate.siblings = [ chatRoom ];
             gate.direction = DistortionConstants.LEFT;
             gate.smooth = true;
             gate.distortion = 10;
             gate.mode = Gate.OPEN;
             gate.duration = 1000;
             mySequence.addChild(gate);

             var parallel:Parallel = new Parallel();
             var resize:Resize = new Resize();
             resize.target = loginStack;
             resize.widthTo = this.width-20;
             resize.heightTo = this.height-20;
             resize.duration = 1000;
             parallel.addChild(resize);

             resize = new Resize();
             resize.target = chatRoom;
             resize.widthTo = this.width-20;
             resize.heightTo = this.height-20;
             resize.duration = 1000;
             parallel.addChild(resize);
             mySequence.addChild(parallel);

             mySequence.play();
          }

          public function gotoLogin() : void {
             var mySequence:Sequence = new Sequence();

             var gate:Gate = new Gate(chatRoom);
             gate.siblings = [ login ];
             gate.direction = DistortionConstants.LEFT;
             gate.smooth = true;
             gate.distortion = 10;
             gate.mode = Gate.CLOSE;
             gate.duration = 1000;
             mySequence.addChild(gate);

             var parallel:Parallel = new Parallel();
             var resize:Resize = new Resize();
             resize.target = loginStack;
             resize.widthTo = min_width;
             resize.heightTo = min_height;
             resize.duration = 1000;
             parallel.addChild(resize);

             resize = new Resize();
             resize.target = chatRoom;
             resize.widthTo = min_width;
             resize.heightTo = min_height;
             resize.duration = 1000;
             parallel.addChild(resize);
             mySequence.addChild(parallel);

             mySequence.play();
          }
      ]]>

   </mx:Script>

   <mx:Style source="/assets/OSX.css"/>

   <mx:VBox>
   <mx:ViewStack id="loginStack" width="350" height="200">
     <mx:Panel id="login" title="Login" horizontalAlign="center"
       verticalAlign="middle" backgroundColor="0xAAAAAA" >
       <mx:Form >
           <mx:FormItem label="Username">
               <mx:TextInput id="userName" />
           </mx:FormItem>
           <mx:FormItem label="Password">
               <mx:TextInput displayAsPassword="true" id="password"
                 enter="gotoChatRoom();"/>
           </mx:FormItem>
           <mx:FormItem>
               <mx:Button label="Login" click="gotoChatRoom();" />
           </mx:FormItem>
       </mx:Form>
     </mx:Panel>

     <mx:Panel id="chatRoom" title="Chat Room" >
       <mx:VBox width="100%" height="100%">
         <mx:TextArea id="log" fontSize="12" width="100%" height="100%"
           editable="false" />
       </mx:VBox>
       <mx:ControlBar>
         <mx:TextInput id="msg" width="100%" fontSize="12" enter=""/>
           <mx:Button label="Send" click="" />
           <mx:Button label="Logout" click="gotoLogin()" />
       </mx:ControlBar>
     </mx:Panel>
   </mx:ViewStack>
   </mx:VBox>

</mx:Application>

本贴来自天极网群乐社区--http://q.yesky.com/group/review-17641208.html

类别：flex学习查看评论