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>
<?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>