flex的滤镜

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"
    creationComplete="application1_creationCompleteHandler(event)"
   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import flash.display.MovieClip;
import flash.filters.BitmapFilterQuality;
import flash.filters.BlurFilter;

import mx.events.FlexEvent;
var kit:Boolean = false;
var blur:BlurFilter;

protected function application1_creationCompleteHandler(event:FlexEvent):void
{
var blurX:Number = 0;
var blurY:Number = 0;

blur = new BlurFilter(blurX,blurY,BitmapFilterQuality.LOW);
// blur.blurX = 0;//水平模糊
// blur.blurY = 0;//垂直模糊
// blur.quality = BitmapFilterQuality.LOW;//应用滤镜次数
img.filters = [blur];//对图像应用滤镜

img.addEventListener(MouseEvent.MOUSE_OVER,onClickOver);
img.addEventListener(MouseEvent.MOUSE_OUT,onClickOut)
img.addEventListener(Event.ENTER_FRAME,onOver)

}

private function onClickOver(event:MouseEvent):void{
kit = true;
}
private function onClickOut(e:MouseEvent):void
{
kit=false;
}


private function onOver(e:Event):void
{

if (blur.blurX<=10&&kit==true)
{
blur.blurX+=.5;
blur.blurY+=.5;

}
if(blur.blurX>0&&kit==false)
{
blur.blurX-=.5;
blur.blurY-=.5;
}
img.filters=[blur];
}


]]>
</fx:Script>



<mx:Image id="img" source="../image/01.png" maintainAspectRatio="true"  left="0" top="0"/>
</s:Application>