FLEX对整个截屏或单个UI进行截图

FLEX2.0简易截图功能

最新推荐文章于 2025-11-21 10:30:17 发布

原创最新推荐文章于 2025-11-21 10:30:17 发布 · 193 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UI #Flex #XML #Blog

本文介绍如何使用FLEX2.0实现简单的截图功能，包括整个屏幕和特定UI组件的截图。通过示例代码展示了如何利用BitmapData类完成截图，并提供了两个按钮分别用于触发全屏截图和特定DataGrid组件的截图。

11月24日
FLEX对整个截屏或单个UI进行截图
虽然FLEX 3.0已经自带了截图的类,但是FLEX 2.0本身就可以简单的做出来截图功能,而且也是很简单的,下面粘出来给大家秀一下.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Script>
<![CDATA[
import mx.core.UIComponent;
private function captureFullScreen() : void //截屏
{
var bd : BitmapData = getBitmapData( UIComponent( mx.core.Application.application ) );
targetImage.source = new Bitmap( bd );
}
private function captureHiddenDatagrid() : void //截单个UI
{
var bd : BitmapData = getBitmapData( UIComponent( hiddenDg ) );
targetImage.source = new Bitmap( bd );
}

private function getBitmapData( target : UIComponent ) : BitmapData //截图功能函数 {
var bd : BitmapData = new BitmapData( target.width, target.height );
var m : Matrix = new Matrix();
bd.draw( target, m );
return bd;
}
]]>
</mx:Script>
<mx:Button
id="captureButton"
label="Capture Full Screen"
click="captureFullScreen()" />
<mx:Button
id="captureButton2"
label="Capture Hidden Datagrid"
click="captureHiddenDatagrid()"
x="153"/>
<mx:Image
id="targetImage"
x="10"
y="30"/>
<mx:DataGrid
x="99"
y="64"
id="hiddenDg"
visible="false">
<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:Application>
http://snowyrock.spaces.live.com/blog/cns!B8CBEB7169880B1D!447.entry