以下是今天做的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 id="myBlur" target="{myPnl}" blurXFrom="20.0" blurXTo="0.0" duration="1000" >
        
    </mx:Blur>
    
    <mx:Move id="myMove" target="{myPnl}" xFrom="-250" xTo="0" duration="1000">
        
    </mx:Move>
    
    <mx:Fade id="myFadeOut" target="{myPnl}"  alphaFrom="1.0" alphaTo="0.0" duration="1000">
        
    </mx:Fade>
    <mx:Fade id="myFadeIn" target="{myPnl}"  alphaFrom="0.0" alphaTo="1.0" duration="1000">
        
    </mx:Fade>    
    
    <mx:Glow id="myGlowDown" target="{myPnl}"  alphaFrom="1.0" alphaTo="0.1" duration="500" color="#FF3b00" >
        
    </mx:Glow>
    <mx:Glow id="myGlowUp" target="{myPnl}"  alphaFrom="0.1" alphaTo="1.0" duration="1000" color="#FF3b00" >
        
    </mx:Glow>    
    
    <mx:Resize id="myResize1" target="{myPnl}" widthFrom="250" widthTo="500" duration="2000" >
        
    </mx:Resize>
    <mx:Resize id="myResize2" target="{myPnl}" widthFrom="500" widthTo="250" duration="2000" >
        
    </mx:Resize>
    
    <mx:Rotate id="myRotate" target="{myPnl}" angleFrom="0"  angleTo="180" duration="1000">
        
    </mx:Rotate>
    
    <mx:Zoom id="myZoom" target="{myPnl}" zoomWidthFrom="1"  zoomWidthTo="0.5" zoomHeightFrom="1" zoomHeightTo="0.5" duration="1000">
        
    </mx:Zoom>
    
    <mx:WipeLeft id="myWipeLeft"  duration="1000" >
        
    </mx:WipeLeft>
    
    <mx:WipeRight id="myWipeRight"  duration="1000" >
        
    </mx:WipeRight>
    
    <mx:WipeUp id="myWipeUp" duration="1000">
        
    </mx:WipeUp>
    <mx:WipeDown id="myWipeDown" duration="1000">
        
    </mx:WipeDown>
    
    <mx:Button x="31" y="46" label="Blur" id="myBtn" click="myBtn_clickHandler(event)"/>
    
    
    <mx:Panel  x="0" y="210" width="250" height="200" layout="absolute" id="myPnl" visible="false" >
        <mx:Label x="33" y="31" text="标签" width="119" height="74"/>
        <mx:Button x="182" y="0" label="关闭" click="button11_clickHandler(event)"/>
    </mx:Panel>
    <mx:Button x="99" y="46" label="Move" click="button1_clickHandler(event)"/>
    <mx:Button x="176" y="46" label="Fade" click="button2_clickHandler(event)"/>
    <mx:Button x="247" y="46" label="Glow" mouseDown="button3_mouseDownHandler(event)" mouseUp="button3_mouseUpHandler(event)"/>
    <mx:Button x="322" y="46" label="Resize" click="button4_clickHandler(event)"/>
    <mx:Button x="404" y="46" label="Rotate" click="button5_clickHandler(event)"/>
    <mx:Button x="494" y="46" label="Zoom" click="button6_clickHandler(event)"/>
    <mx:Button x="32" y="116" label="WipeLeft" click="button7_clickHandler(event)"/>
    <mx:Button x="127" y="116" label="WipeRight" click="button8_clickHandler(event)"/>
    <mx:Button x="232" y="116" label="WipeUp" click="button9_clickHandler(event)"/>
    <mx:Button x="322" y="116" label="WipeDown" click="button10_clickHandler(event)"/>
    <mx:Panel x="463" y="330" width="250" height="200" layout="absolute">
    </mx:Panel>
    
    
    
</mx:Application>

Flex各种效果集合（Blur,Move,Fade,Glow,Zoom,Reseze,WipeLeft等）相关推荐

  1. 安卓开发中非常炫的效果集合

    安卓开发中非常炫的效果集合 这几天开发的时候,想做一些好看而且酷炫的特效,于是又开始从网上收集各种特效资源.下面给大家一些我喜欢的把,附代码,喜欢的看源代码,然后加到自己项目去把!! 一个开源项目网站 ...

  2. 如何实现背景图片的高斯模糊（毛玻璃边）效果 filter: blur(5px)

    如何实现背景图片的高斯模糊(毛玻璃边)效果 filter: blur(5px) 在一次偶然的机会下发现css的一个属性,可以实现背景色/背景图片的高斯模糊(毛玻璃边)效果. 先上图看一下所谓的高斯模糊 ...

  3. 分享：Flex倒映效果组件

    Flex不错的倒映效果,和大家分享一下: 代码: package com.earthplayer.ui.util { import flash.display.Bitmap; import flash ...

  4. android 效果集合

    目录 UI UI 卫星菜单 节选器 下拉刷新 模糊效果 HUD与Toast 进度条 UI其它 动画 网络相关 响应式编程 地图 数据库 图像浏览及处理 视频音频处理 测试及调试 动态更新热更新 消息推 ...

  5. CSS磨砂玻璃穿透效果 filter: blur(4px)；

    文章目录 一.参考 二.问题描述 三.原理说明 四.项目代码说明 一.参考 纯CSS教你实现磨砂玻璃背景效果(附代码) 二.问题描述 工作中,UCD 设计了一个"磨砂穿透"的效果, ...

  6. 图片效果集合(js、jquery或html5)

    1.jQuery HTML5 幻灯片 使用支持HTML5的浏览器会有特殊效果,即切换图片时颜色的改变 文章:http://keleyi.com/a/bjac/b8i3xdui.htm 效果:http: ...

  7. JS 效果集合(回到顶部、轮播图、瀑布流、图片帧播放)

    回到顶部 <style type="text/css">#btn {width:40px; height:40px; position:fixed; right:65p ...

  8. android炫酷效果集合

    这几天开发的时候,想做一些好看而且酷炫的特效,于是又开始从网上收集各种特效资源.下面给大家一些我喜欢的把,附代码,喜欢的看源代码,然后加到自己项目去把!! 一个开源项目网站有很多炫酷效果  http: ...

  9. Flex组件的行为和动画效果（实例）

    触发器名称                         对应事件名称                    事件描述 addedEffect                     added   ...

  10. Flex的动画效果与变换(1)

    Flex的动画效果与变换!(一) 在Flex里面不像在Flash里面随意制作动画了,Flex更趋向于应用程序,而不是动画制作了,所以没有了时间轴的概念.在Flex中使用动画效果,可以用Flex自带的E ...

最新文章

  1. MPB：清华杨云锋组-利用GeoChip分析环境微生物功能基因群落结构
  2. 使用Capture 制作元件库
  3. php 循环写入 缓冲,php利用缓冲实现动态输出(flush,ob_flush)
  4. 个人作业——软件工程实践总结
  5. connect: 网络不可达_Java网络编程和NIO详解1：JAVA 中原生的 socket 通信机制
  6. 成功使用Windows Live Writer 2010发布日志
  7. 03 实现不同基本数据类型之间的类型转换 0214
  8. oracle数据库无法查询,关于oracle中无法查询中文条件的解决办法
  9. UI美化APICLOUD千月影视APP源码
  10. 首都师范 博弈论 5 5 1大联盟合作博弈中如何量化决策影响力 班扎夫权力指数
  11. python google 搜索结果爬取_对于 Python 抓取 Google 搜索结果的一些了解
  12. 字符串统计(2017)
  13. Vue2.js：v-click-outside自定义指令和vue-click-outside监听鼠标点击元素外部区域事件
  14. 基于python分析微信好友的性别分布，区域分布，词云分析，头像拼接
  15. 课上认真听讲,课后马上忘记怎么办?
  16. python写文件自动换行_python怎么换行继续写脚本
  17. 达内python培训四个月靠谱吗
  18. html5实现像素鸟,有趣的Axure案例：像素鸟游戏的设计
  19. 2017淘宝天猫年货节套福娃玩法攻略
  20. 分析：全球千亿美元市值IT企业榜单及点评

热门文章

  1. java增强型for报错_Java自学-数组 增强型for循环
  2. gtid mysql failover_说GTID - Failover and Scaleout
  3. L1-030 一帮一 (15 分)—团体程序设计天梯赛
  4. 一些简单的二维数学的算法。
  5. weblogic系列漏洞整理 -- 1. weblogic安装
  6. mybatis 学习五 二级缓存不推荐使用
  7. [转]触碰心灵34句
  8. 二维数组及以上维度的数组，本质是一维数组？（C语言）
  9. 游戏筑基开发之环形链表及其基本功能（C语言）
  10. HW RIPv2认证