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中。