模糊效果

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  creationComplete ="initUI()" >
     < mx:Script >
         <![CDATA[
            private var handlerEnd:Boolean=true;//标示变量，是否处于动画的结束事件
            private var isReverse:Boolean=false;//记录当前的播放状态
            private function initUI():void{
                //blur_effect.targets=[myPanel];//[]是数组的快捷定义方式，[myPanel]表示数组中只有一个元素，既是mypanel
                /*还可以这样写
                private var array:Array=new Array();
                array.push("myPanel");
                blur_effect.targets=array;
                */
                
                glow_effect.target=myPanel;
                blur_effect.target=myPanel;
            }
            //开始播放动画
            private function startBlur():void{
                handlerEnd=true;//handlerEnd为true,当播放结束时处理结束事件
                blur_effect.play();
                glow_effect.play();
            }
            //结束播放
            private function stopBlur():void{
                handlerEnd=false;//不再处理结束事件，必须在end之前修改 handlerEnd为false，否则end方法还将激活effectEnd事年，造成死循环
                blur_effect.end();
                btnPause.label="暂停";
                //第一种消除滤镜的方法
                //myPanel.filters=[];
                //[]代表一个空的数组，被指为filters的值，它起到将myPanel的滤镜全部清除，写这步的目的是为了实现点stop后，不再有模糊效果。
                //filters属性代表目标对象当前使用的滤镜的集合，它是所有可视化对象的公有属性，以数组的形式储存了自身所有的滤镜数据
                
                //如果对象使用了其它滤镜，希望保存下来，方法是：先获得对象的滤镜列表，然后对这个列表地行循环判断，如果是想删除的滤镜，则删除
                //第二种消除滤镜的做法：
                var tempArray:Array=myPanel.filters;//先建立一个中间变量存放当前的滤镜数据
                for(var i:uint=0;i<tempArray.length;i++){
                    if(tempArray[i] is BlurFilter){//判断是否是模糊滤镜
                        tempArray.splice(i,1);//splice(i,i) i表示要删除元素的开始点，1表示要删除的个数
                        i=i-1;//删除元素后必须将i减1，因为数组长度变小了，现在i位置变为原来的i+1位置的元素
                    }
                }
                myPanel.filters=tempArray;//将新的数据赋给对象，新的滤镜生效
            }
            private function pauseBlur():void{
                if(!blur_effect.isPlaying){ //判断是否处于正在播放状态，如果不是，则暂停失效
                    return;
                }
                if(btnPause.label=="暂停"){
                    btnPause.label="继续";
                    blur_effect.pause();
                }else{
                    btnPause.label="暂停";
                    blur_effect.resume();
                }
            }
            private function endBlur():void{
                if(handlerEnd){//用标示变量，判断是否当前已停止播放，如果没有停止，则反向播放
                    //切换播放方向，实现播放的无缝连接
                    isReverse=!isReverse;  
                    blur_effect.play(null,isReverse);
                    //play()方法的第一个参数表示止标对像，因为先前已指定了目标，所以这里可以省略，用null代替。
                    //第二个参数表示播放方向，如果为true，则逆向播放，为false正向播放
                }
            }
         ]]>
     </ mx:Script >
     <!--  Blur对像一般有四个重要的属性，依次是blurXFrom, blurXTo,blurYFrom,blurYTo.这些属性指定了始末位置的模糊距离。    -->
     <!--  effectEnd="endBlur()"监听了effectEnd事件，是为了实现动画的首尾无缝连接播放   -->
     < mx:Blur  id ="blur_effect"  effectEnd ="endBlur()"  blurXFrom ="0"  blurXTo ="30"  blurYFrom ="0"  blurYTo ="30"  duration ="1500" ></ mx:Blur >
     < mx:Glow  id ="glow_effect"  alphaFrom ="1.0"  alphaTo ="0.3"  blurXFrom ="0.0"  blurXTo ="30.0"  blurYFrom ="0.0"  blurYTo ="30.0"  color ="0x6633ff" ></ mx:Glow >
     <!--    -->
     < mx:Panel  x ="10"  y ="10"  width ="327"  height ="299"  layout ="absolute"  id ="myPanel"  title ="图片显示面板" >
         < mx:Image  x ="10"  y ="10"  source ="img/wang.jpg"  width ="111"  height ="163" />
         < mx:Label  x ="136"  y ="30"  text ="Label" />
         < mx:Button  x ="10"  y ="209"  label ="开始"  id ="btnPlay"  click ="startBlur()" />
         < mx:Button  x ="121"  y ="209"  label ="暂停"  id ="btnPause"  click ="pauseBlur()" />
         < mx:Button  x ="232"  y ="209"  label ="停止"  id ="btnStop"  click ="stopBlur()" />
     </ mx:Panel >
    
</ mx:Application >