Flex中ByteArray与BitmapData互相转换实现图片的二进制保存与复原

最新推荐文章于 2019-07-17 05:31:43 发布

GIS__

最新推荐文章于 2019-07-17 05:31:43 发布

阅读量8.6k

点赞数

分类专栏： Flex 文章标签： flex import function image encoding button

Flex 专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何将UI组件中的图片转换为Byte数组，并通过反序列化将其还原为原始图片，包括关键步骤和示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

package com.kyit.lg..util 
{ import flash.display.Bitmap; 
import flash.display.BitmapData; 
import flash.geom.Rectangle; 
import flash.utils.ByteArray; 
import mx.core.UIComponent; 
public class BitmapBytes 
{ 
public function BitmapBytes() 
{ 
super(); 
} 
//将可视的UIComponent组件转换为ByteArray数组，我就是在UIComponent那里放了一个图片 
public static function BitmapDataToByteArray(target : UIComponent):ByteArray{ 
var imageWidth:uint = target.width; 
var imageHeight:uint = target.height; 
var srcBmp:BitmapData = new BitmapData( imageWidth, imageHeight ); 
//将组件读取为BitmapData对象，bitmagData的数据源 
srcBmp.draw( target ); 
//getPixels方法用于读取指定像素区域生成一个ByteArray，Rectangle是一个区域框，就是起始坐标 
var pixels:ByteArray = srcBmp.getPixels( new Rectangle(0,0,imageWidth,imageHeight) ); 
//下面俩行将数据源的高和宽一起存储到数组中,为翻转的时候提供高度和宽度 
pixels.writeShort(imageHeight); 
pixels.writeShort(imageWidth); 
return pixels; 
} 
//次方法的参数必须是像上面的ByteArray形式一样的,即需要对象的大小; 
//此方法返回的Bitmap可以直接赋值给Image的source属性 
public static function ByteArrayToBitmap(byArr:ByteArray):Bitmap{ 
if(byArr==null){ 
    return null; 
} 
//读取出存入时图片的高和宽,因为是最后存入的数据,所以需要到尾部读取 
var bmd:ByteArray= byArr; 
bmd.position=bmd.length-2; 
var imageWidth:int = bmd.readShort(); 
bmd.position=bmd.length-4; 
var imageHeight:int= bmd.readShort(); 
var copyBmp:BitmapData = new BitmapData( imageWidth, imageHeight, true ); 
//利用setPixel方法给图片中的每一个像素赋值,做逆操作 
//ByteArray数组从零开始存储一直到最后都是图片数据,因为读入时的高和宽都是一样的,所以当循环结束是正好读完 
bmd.position = 0; 
for( var i:uint=0; i<imageHeight ; i++ ) 
{ 
    for( var j:uint=0; j<imageWidth; j++ ) 
    { 
      copyBmp.setPixel( j, i, bmd.readUnsignedInt() ); 
    } 
} 
var bmp:Bitmap = new Bitmap( copyBmp ); 
return bmp; 
} 
} 
} 
以下是mxml文件,只是我做测试用的没有进行序列化，有需要的留言给我， 
<?xml version="1.0" encoding="utf-8"?> 
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
<mx:Script> 
<![CDATA[ 
import com.kyit.lg.util .BitmapBytes; 
private var byteArr:ByteArray; 
    internal function copyToTar():void{ 
          //这俩个方法都是静态的，因为项目当中常用
          byteArr=BitmapBytes.BitmapDataToByteArray(sorImg); 
          tarImg.source=BitmapBytes.ByteArrayToBitmap(byteArr); 
} 

]]> 
</mx:Script> 
    <mx:Image x="33" y="56" id="sorImg" source="a.jpg"/> 
    <mx:Image x="33" y="265" id="tarImg" /> 
    <mx:Button x="33" y="26" label="a1" click="copyToTar();" /> 
</mx:WindowedApplication>