Flex 3 實現遮罩效果

flex中實現濾鏡遮罩效果

2011-03-01 10:52

第一種方法：使用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>

運行後的效果：