flex中实现滤镜遮罩效果

有两种方法！

第一种方法：使用mxml标签来表现

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:flash="flash.filters.*" xmlns:local="*">

<mx:Label text="flex中mxml标签来表现滤镜遮罩效果" fontSize="20">

<mx:filters>

<flash:DropShadowFilter distance="10" angle="45"/>

</mx:filters>

</mx:Label>

<mx:Label text="xiao hui lan" fontSize="20" filters="{[new DropShadowFilter(10, 45)]}"/>

</mx:Application>

运行后的效果：





第二种方法：使用as代码来实现滤镜遮罩效果

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:flash="flash.filters.*" xmlns:local="*">

<mx:Script>

<![CDATA[

import flash.filters.*;

public function addFilter() : void

{

var f:DropShadowFilter = new DropShadowFilter(5,30,0xFFFFFF,.8);

var myFilters:Array = new Array();

myFilters.push(f);

label1.filters = myFilters;

}

]]>

</mx:Script>

<mx:Label id="label1" text="使用as代码来实现滤镜遮罩效果" fontSize="20" creationComplete="addFilter()"/>

</mx:Application>

运行后的效果：