Flash/Flex学习笔记(22)：滤镜学习
Silverlight中称之为“效果(Effect)”的东东，在Flash里叫“滤镜(Filter)"，而且Flash里内置的滤镜要比Silverlight丰富很多，几乎所有对象都有一个filters的属性，它是一个数组，可以将一个或多个滤镜同时应用于某一对象，类似的，如果要去除已经应用的滤镜效果，只要将filters数组清空即可
代码语言：javascript代码运行次数：0运行复制var _data:DataProvider = new DataProvider();
_data.addItem({label:"不应用任何滤镜",data:""});
_data.addItem({label:"Blur(模糊滤镜)",data:"Blur"});
_data.addItem({label:"Drop shadow(投影滤镜)",data:"DropShadow"});
_data.addItem({label:"Glow(发光滤镜)",data:"Glow"});
_data.addItem({label:"Gradient bevel(渐变斜角滤镜)",data:"GradientBevel"});
_data.addItem({label:"Convolution(卷积滤镜)",data:"Convolution"});
_data.addItem({label:"Blur(模糊滤镜)+DropShadow(投影滤镜)",data:"Blur&DropShadow"});
cbo1.dataProvider=_data;
cbo1.addEventListener(Event.CHANGE,ChangeHandler);
function ChangeHandler(e:Event):void {
var _item:Object = (e.currentTarget as ComboBox).selectedItem;
//trace(_item.data);
switch (_item.data) {
case "Blur" :
img.filters=[new BlurFilter(5,5,3)];
break;
case "DropShadow" :
var _shadow:DropShadowFilter = new DropShadowFilter();
_shadow.distance=10;
_shadow.alpha=0.3;
img.filters=[_shadow];
break;
case "Glow" :
img.filters=[new GlowFilter(0xffff99,0.5,40,40,3,1,false)];
break;
case "GradientBevel" :
var bgColor:uint=0xCCCCCC;
var size:uint=80;
var offset:uint=50;
var distance:Number=5;
var angleInDegrees:Number=225;// opposite 45 degrees
var colors:Array=[0xFFFFFF,0xCCCCCC,0x000000];
var alphas:Array=[1,0.1,1];
var ratios:Array=[0,128,255];
var blurX:Number=8;
var blurY:Number=8;
var strength:Number=2;
var quality:Number=BitmapFilterQuality.HIGH;
var type:String=BitmapFilterType.FULL;
var knockout:Boolean=false;
img.filters = [new GradientBevelFilter(distance,
angleInDegrees,
colors,
alphas,
ratios,
blurX,
blurY,
strength,
quality,
type,
knockout)];
break;
case "Convolution" :
var clamp:Boolean=false;
var clampColor:Number=0xFF0000;
var clampAlpha:Number=1;
var bias:Number=0;
var preserveAlpha:Boolean=false;
var matrixCols:Number=3;
var matrixRows:Number=3;
var matrix:Array = [ 1,1,1,
1,1,1,
1,1,1 ];
var filter:ConvolutionFilter=new ConvolutionFilter(matrixCols,matrixRows,matrix,matrix.length,bias,preserveAlpha,clamp,clampColor,clampAlpha);
img.filters=[filter];
break;
case "Blur&DropShadow" :
var _shadow2:DropShadowFilter = new DropShadowFilter();
_shadow2.distance=10;
_shadow2.alpha=0.3;
img.filters=[new BlurFilter(5,5,3),_shadow2];
break;
case "" :
default :
img.filters=[];
break;
}
}代码语言：javascript代码运行次数：0运行复制package {
import flash.display.Sprite;
import flash.events.Event;
import flash.filters.DropShadowFilter;
import flash.filters.BlurFilter;
public class DynamicFilter extends Sprite {
private var dropShadowFilter:DropShadowFilter;
private var blurFilter:BlurFilter;
public function DynamicFilter() {
init();
}
private function init():void {
//注：mm是舞台上的一个图片实例
mm.x = stage.stageWidth/2;
mm.y = stage.stageHeight/2;
dropShadowFilter = new DropShadowFilter();
dropShadowFilter.alpha = 0.3;
blurFilter = new BlurFilter();
addEventListener(Event.ENTER_FRAME, EnterFrameHandler);
}
private function EnterFrameHandler(event:Event):void {
var dx:Number = mouseX - mm.x;
var dy:Number = mouseY - mm.y;
dropShadowFilter.distance = - Math.sqrt(dx*dx+dy*dy)/10;
dropShadowFilter.angle = Math.atan2(dy,dx)*180/Math.PI;
blurFilter.blurX = Math.abs(dx)/30;
blurFilter.blurY = Math.abs(dy)/30;
mm.filters = [blurFilter,dropShadowFilter];
}
}
}