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

最新推荐文章于 2019-08-08 16:06:29 发布

原创最新推荐文章于 2019-08-08 16:06:29 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

flex 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了一个名为BitmapBytes的类，它提供了将UIComponent组件转换为ByteArray数组的方法，并且能将ByteArray转换回Bitmap。通过实例演示了如何在MXML文件中实现这一功能，包括创建UI组件、调用转换方法以及显示转换后的图像。此技术适用于需要在代码中灵活处理图像资源的应用场景。

[b]转[/b][url] http://hjy2099.iteye.com/blog/260329[/url]


package com.kyit.lg..util 
{ /* 
  author：李广业 
  */ 
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>