Flex 画面快照截图及显示实现代码_Flash教程-查字典教程网

Flex 画面快照截图及显示实现代码

摘要：一、对指定画面进行快照、截图。在FlexSDK中flash.display包下面有两个类Bitmap和BitmapData。在flex中可以...

一、对指定画面进行快照、截图。

在Flex SDK中flash.display包下面有两个类Bitmap和BitmapData。在flex中可以通过两个类对图片进行操作。BitmapData类中有一个draw方法这个方法的第一个参数是进行画面截图的源对象，这个对象必须实现IBitmapDrawable接口。而DisplayObject类实现了这个接口，DisplayObject是所有可见控件的先祖类，也就意味着所有在flex可以看到的画面、控件都可以用draw方法来进行快照截图。

具体的代码如下：

复制代码代码如下:

private var bmpImage:Bitmap = null;

private function onClick():void

{

//创建一个大小和截图对象一致的图片

var bmpData:BitmapData = new BitmapData(source.width,source.height);

//进行快照截图，其中第二个参数Matrix是对图片进行变换用的，例如旋转缩放等。

//如果图片不需要变换可以用new Matrix()或者null都可以。

bmpData.draw(source,new Matrix());

//创建Bitmap对象

bmpImage = new Bitmap(bmpData);

}

BitmapData对象不能直接显示到画面上，所以需要把BitmapData对象封装到Bitmap中，按下截图按钮后，Panel的快照就生成了，保存到了Bitmap对象中。

效果图片：

Flex 画面快照截图及显示实现代码1

二、将捕获到的截屏图片显示到画面上。

接下来就是把Bitmap对象显示到画面上，这里需要借助UIComponent类。由于直接把Bitmap对象加到Canvas等容器中，运行时会出错，因为容器中添加的子对象必须是UIComponent的子类，而Bitmap不是，所以需要UIComponent类来封装一层。然后把UIComponent对象加入到Canvas容器中，这样图片就显示出来了。

代码如下所示：

复制代码代码如下:

private function onShow():void

{

//创建一个UIComponent对象

var uic:UIComponent = new UIComponent();

//将Bitmap对象加入到UIComponent对象中

uic.addChild(bmpImage);

//将UIComponent对象加入Canvas中

showImage.addChild(uic);

}

先按下截图按钮进行截图操作，然后按下显示按钮把截图显示到Canvas中。效果如图所示。