以下是今天做的Flex的一些效果,其中最后四个。WipeLeft,Right,Up,Down,比较实用,做的过程中收获很大。

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
 layout="absolute" minWidth="955" minHeight="600"  click="application1_clickHandler(event)">

    <mx:Script>
        <![CDATA[
            import mx.events.EffectEvent;
            import mx.events.FlexEvent;
            
            public var fangxiang:int=0;
            protected function myBtn_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                myBlur.play();
            }

            protected function button1_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                myMove.play();
            }


            protected function button2_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                if(myPnl.visible)
                {
                    myPnl.setStyle("hideEffect",myFadeOut);
                    myPnl.visible=false;
                }
                else
                {
                    myPnl.setStyle("showEffect",myFadeIn);
                    myPnl.visible=true;                
                }
            }



            protected function button3_mouseDownHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                myGlowDown.play();
            }


            protected function button3_mouseUpHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                myGlowUp.play();
            }


            protected function button4_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                myResize1.addEventListener(EffectEvent.EFFECT_END,onend);
                myResize1.play();
            }
            


            protected function onend(event:EffectEvent):void
            {
                myResize2.play();
            }


            protected function button5_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                myRotate.play();
            }


            protected function button6_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                myZoom.play();
            }


            protected function button7_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                
                if(myPnl.visible)
                {
                    myPnl.setStyle("hideEffect",myWipeLeft);
                    myPnl.visible=false;
                }
                else
                {
                    myPnl.setStyle("showEffect",myWipeRight);
                    myPnl.visible=true;                
                }


                this.fangxiang=1;
                //myWipeLeft.play();
                



            }




            protected function button8_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                if(myPnl.visible)
                {
                    myPnl.setStyle("hideEffect",myWipeRight);
                    myPnl.visible=false;
                }
                else
                {
                    myPnl.setStyle("showEffect",myWipeLeft);
                    myPnl.visible=true;                
                }
                this.fangxiang=2;
            }


            protected function button9_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                if(myPnl.visible)
                {
                    myPnl.setStyle("hideEffect",myWipeUp);
                    myPnl.visible=false;
                }
                else
                {
                    myPnl.setStyle("showEffect",myWipeDown);
                    myPnl.visible=true;                
                }
                this.fangxiang=3;
            }


            protected function button10_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                if(myPnl.visible)
                {
                    myPnl.setStyle("hideEffect",myWipeDown);
                    myPnl.visible=false;
                }
                else
                {
                    myPnl.setStyle("showEffect",myWipeUp);
                    myPnl.visible=true;                
                }
                this.fangxiang=4;
            }




            protected function button11_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                if(myPnl.visible)
                {
                    myPnl.setStyle("hideEffect",myWipeUp);
                    myPnl.visible=false;
                }
                else
                {
                    myPnl.setStyle("showEffect",myWipeDown);
                    myPnl.visible=true;                
                }
            }



            protected function application1_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                if(event.target is Button)
                {
                    return;
                }
                switch(fangxiang)
                {
                    case 1 :
                        myPnl.setStyle("hideEffect",myWipeLeft);
                        myPnl.visible=false;

                        break;
                    case 2 :
                            myPnl.setStyle("hideEffect",myWipeRight);
                            myPnl.visible=false;

                        break;
                    case 3 :
                            myPnl.setStyle("hideEffect",myWipeUp);
                            myPnl.visible=false;
    
                        break;
                    case 4 :
                            myPnl.setStyle("hideEffect",myWipeDown);
                            myPnl.visible=false;

                        break;
                    
                }
        

            }

        ]]>
    </mx:Script>

    
    <mx:Blur >
    </mx:Panel>
    
    
    
</mx:Application>

相关文章: