0%

最近做一个小app遇到一个问题,到目前还没有比较好的解决方法(可能是我查的资料不够多)

需求如下:

1.把一个Image中的图像保存到字节数组;

2.把字节数组转换为ImageSource,通过Image控件展示图像.

上面两个需求恰恰是相反的过程,为了实现这个,我倒网上找了好多,但基本都是wp7,wp8,wpf的方案,在win10上没法用。。纠结。

后来在知乎日报uwp的源码中发现了一个把ImageSource存储为文件的方法。(github:https://github.com/sherlockchou86/ZhiHuDaily.UWP),感谢作者为win10生态圈的贡献。

代码如下:

public async Task SaveImageAsync(WriteableBitmap image, string filename)
{ try { if (image == null)
{ return;
}
Guid BitmapEncoderGuid = BitmapEncoder.JpegEncoderId; if(filename.EndsWith(“jpg”))
BitmapEncoderGuid = BitmapEncoder.JpegEncoderId; else if(filename.EndsWith(“png”))
BitmapEncoderGuid = BitmapEncoder.PngEncoderId; else if(filename.EndsWith(“bmp”))
BitmapEncoderGuid = BitmapEncoder.BmpEncoderId; else if(filename.EndsWith(“tiff”))
BitmapEncoderGuid = BitmapEncoder.TiffEncoderId; else if(filename.EndsWith(“gif”))
BitmapEncoderGuid = BitmapEncoder.GifEncoderId; var folder = await _local_folder.CreateFolderAsync(“images_cache”, CreationCollisionOption.OpenIfExists); var file = await folder.CreateFileAsync(filename, CreationCollisionOption.ReplaceExisting); using (IRandomAccessStream stream = await file.OpenAsync(FileAccessMode.ReadWrite))
{
BitmapEncoder encoder = await BitmapEncoder.CreateAsync(BitmapEncoderGuid, stream);
Stream pixelStream = image.PixelBuffer.AsStream(); byte[] pixels = new byte[pixelStream.Length]; await pixelStream.ReadAsync(pixels, 0, pixels.Length);
encoder.SetPixelData(BitmapPixelFormat.Bgra8, BitmapAlphaMode.Ignore,
(uint)image.PixelWidth,
(uint)image.PixelHeight, 96.0, 96.0,
pixels); await encoder.FlushAsync();
}
} catch {

        }
    }

SaveImageAsync

有了这个,我的需求就能解决了,因为在上面的代码中,有一个随机访问流ras,所以我们可以把ras利用拓展方法AsStream()转化为普通的流,然后用Read()或者ReadAsync()读取到字节数组即可。

于是需求一的代码如下:

复制代码

public static async Task<byte[]> SaveToBytesAsync(this ImageSource imageSource)
{ byte[] imageBuffer; var localFolder = Windows.Storage.ApplicationData.Current.LocalFolder; var file = await localFolder.CreateFileAsync(“temp.jpg”, CreationCollisionOption.ReplaceExisting); using (var ras = await file.OpenAsync(FileAccessMode.ReadWrite, StorageOpenOptions.None))
{
WriteableBitmap bitmap = imageSource as WriteableBitmap; var stream = bitmap.PixelBuffer.AsStream(); byte[] buffer = new byte[stream.Length]; await stream.ReadAsync(buffer, 0, buffer.Length);
BitmapEncoder encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.JpegEncoderId, ras);
encoder.SetPixelData(BitmapPixelFormat.Bgra8, BitmapAlphaMode.Ignore, (uint)bitmap.PixelWidth, (uint)bitmap.PixelHeight, 96.0, 96.0, buffer); await encoder.FlushAsync(); var imageStream = ras.AsStream();
imageStream.Seek(0, SeekOrigin.Begin);
imageBuffer = new byte[imageStream.Length]; var re = await imageStream.ReadAsync(imageBuffer, 0, imageBuffer.Length);

        } await file.DeleteAsync(StorageDeleteOption.Default); return imageBuffer; 
    }

复制代码

值得注意的几点:

  1.用了拓展方法;

  2.ImageSource一般可以通过BitmapImage和WriteableImage来设置,但这儿只能用WriteableImage,因为要用到接口IWriteableBitmap;

  3.ras随机访问流转为普通FCL普通流后,用Seek将Positon设置到0,读出的数据出错;

  4.注意图像编码的设置,这儿只针对jpeg格式;

  5.这是一个投机的办法,先存储为文件,再存储为字节数组,但核心还是一个ras(IRandomAccessSteam).

需求二代码如下:

复制代码

public static async Task SaveToImageSource(this byte[] imageBuffer)
{
ImageSource imageSource = null; using (MemoryStream stream = new MemoryStream(imageBuffer))
{ var ras = stream.AsRandomAccessStream();
BitmapDecoder decoder = await BitmapDecoder.CreateAsync(BitmapDecoder.JpegDecoderId, ras); var provider = await decoder.GetPixelDataAsync(); byte[] buffer = provider.DetachPixelData();
WriteableBitmap bitmap = new WriteableBitmap((int)decoder.PixelWidth, (int)decoder.PixelHeight); await bitmap.PixelBuffer.AsStream().WriteAsync(buffer, 0, buffer.Length);
imageSource = bitmap;
} return imageSource;
}

复制代码

注意点如下:

  1.解码用的还是jpeg;

  2.还是用的WriteableBitmap,主要还是他的接口决定的;

tips:如果照的上面的代码写,某些方法或属性下面还是有红色波浪线的话,记着选中它,然后按Shift+alt+F10,Visual Studio帮你解决。