Flex画面快照截图及显示又一方式

前几天我写了一篇文章叫做“Flex画面快照截图及显示”，在里面介绍了对Flex程序的运行界面进行截图快照。今天我介绍Flex中另外一种截图方式，这种方式更为简单。其方法是使用Flex中自带的ImageSnapshot类来实现。但是这种方式仅限于Flex3以及更高版本，在Flex2种，是没有这个类的。
一．ImageSnapshot类说明
这个类位于mx.graphics包中，提供了一个非常实用的静态函数captureBitmapData函数
这个函数的第一个参数为source:IBitmapDrawable 也就是说，所有可视控件都可以作为这个函数的参数。其他参数都有默认值，如果需要的话可以进行设置。返回值是BitmapData类型的。可以直接获得作为参数传入的控件的截图。
二．ImageSnapshot的使用例子。
下面是一个ImageSnapshot类直接调用captureBitmapData函数获得画面截图的使用例子。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<!--[CDATA[
import mx.graphics.ImageSnapshot;
private function test():void
{
var bmp:BitmapData = ImageSnapshot.captureBitmapData(panel);
img.source = new Bitmap(bmp);
}
]]-->
</mx:Script>
<mx:Image id="img" x="73" y="260" width="531" height="220"/>
<mx:Button x="73" y="488" label="截图" click="test()"/>
<mx:Panel id="panel" x="73" y="34" width="456" height="218" layout="absolute">
<mx:DataGrid id="dg" x="10" y="10">
<mx:columns>
<mx:DataGridColumn headerText="Column 1" dataField="col1"/>
<mx:DataGridColumn headerText="Column 2" dataField="col2"/>
<mx:DataGridColumn headerText="Column 3" dataField="col3"/>
</mx:columns>
</mx:DataGrid>
</mx:Panel>
</mx:Application>

运行效果图：



点击“截图”按钮进行画面捕捉，并且把捕获的图片显示到Image中。