flex的mask处理

  在做公司一个flash播放器时候，需要在一个swf中动态加载外部一个swf并显示出来，但是，这个需要加载的swf由于制作的原因，除了显示出stage的内容外，还会把swf隐藏（不知道制作是否隐藏）部分显示出来，这样非常不好。开始处理是通过限制这个swf的区域大小来屏蔽那些stage以为的内容，但是，由于swf的大小还不一致，这样导致一些swf被切去一部分，一些swf还是会显示出多余的部分。后来找到一种方式来处理，就是mask。基本原理就是设置一个mask，大小可以设定，然后设置到外部加载的swf中，这样swf只显示出来mask那样大小的范围了。

   具体代码：

                <?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();"> <mx:Script> <!--[CDATA[ import mx.events.FlexEvent; private function init():void { externalSwf.addEventListener(FlexEvent.UPDATE_COMPLETE, flashUpdateCompleteHandler); } private function flashUpdateCompleteHandler(evt:FlexEvent):void{ if(externalSwf.content==null){ return; } var w:Number = externalSwf.contentWidth; var h:Number = externalSwf.contentHeight; var horizontal:Boolean = false; if(w>h){ horizontal = true; } w = Math.min(w,externalSwf.width); if(horizontal){ h = Math.max(h,externalSwf.height); } else{ h = Math.min(h,externalSwf.height); } var xPos:Number = (externalSwf.width - w) / 2; var cornerRadius:int = 0; roundedMask = new Sprite(); swfCanvas.rawChildren.addChild(_roundedMask); roundedMask.graphics.clear(); roundedMask.graphics.beginFill(0xFF0000); roundedMask.graphics.drawRoundRect(xPos, 0,w, h, cornerRadius, cornerRadius); roundedMask.graphics.endFill(); externalSwf.mask = roundedMask; } ]]--> </mx:Script> <mx:Canvas id="swfCanvas"> <mx:SWFLoader id="externalSwf" source="http://192.168.1.111/test.swf" /> </mx:Canvas> </mx:Application>

      相关flex的mask方面效果可以参看这里