UWP平台下ObservableCollection序列化及BitmapImage转字节数组问题咨询

1. 能否将存储图片的ObservableCollection序列化到文件中？ #

当然可以，但不能直接序列化ObservableCollection<BitmapImage>——因为BitmapImage是UWP的UI控件对象，它包含大量UI相关的状态和资源引用，并非适合序列化的纯数据结构。

解决思路是：先把BitmapImage转换成可序列化的字节数组（byte[]），再将字节数组与你的文本内容一起封装到普通C#类中，最后对这个类的ObservableCollection进行序列化，就能完整保存图片和文本数据了。

2. 如何将BitmapImage转换为字节数组？ #

根据BitmapImage的来源不同，有两种高效的转换方式：

方式一：如果图片来自本地StorageFile（推荐，性能更好）

如果你的BitmapImage是从本地文件加载的，直接读取原文件的字节是最省资源的方式：

private async Task<byte[]> GetImageBytesFromStorageFileAsync(StorageFile imageFile)
{
    using (var fileStream = await imageFile.OpenReadAsync())
    using (var memoryStream = new MemoryStream())
    {
        await fileStream.AsStream().CopyToAsync(memoryStream);
        return memoryStream.ToArray();
    }
}

方式二：如果图片已在内存中（比如网络加载、动态生成）

如果BitmapImage已经加载到内存中（没有对应的本地文件），可以用RenderTargetBitmap捕获它的像素数据，再编码成你需要的图片格式（比如JPEG/PNG）：

private async Task<byte[]> GetImageBytesFromBitmapImageAsync(BitmapImage bitmapImage)
{
    // 确保BitmapImage已加载完成
    if (bitmapImage.PixelWidth == 0 || bitmapImage.PixelHeight == 0)
    {
        await WaitForBitmapImageLoadedAsync(bitmapImage);
    }

    var renderTarget = new RenderTargetBitmap();
    await renderTarget.RenderAsync(bitmapImage);
    
    // 获取BGRA格式的原始像素数据
    var pixelBuffer = await renderTarget.GetPixelsAsync();
    var rawPixels = pixelBuffer.ToArray();

    // 将原始像素编码为JPEG格式（可替换为PngEncoderId等）
    using (var outputStream = new InMemoryRandomAccessStream())
    {
        var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.JpegEncoderId, outputStream);
        encoder.SetPixelData(
            BitmapPixelFormat.Bgra8,
            BitmapAlphaMode.Ignore,
            (uint)renderTarget.PixelWidth,
            (uint)renderTarget.PixelHeight,
            DisplayInformation.GetForCurrentView().LogicalDpi,
            DisplayInformation.GetForCurrentView().LogicalDpi,
            rawPixels);
        
        await encoder.FlushAsync();
        outputStream.Seek(0);

        // 将编码后的流转为字节数组
        using (var memoryStream = new MemoryStream())
        {
            await outputStream.AsStream().CopyToAsync(memoryStream);
            return memoryStream.ToArray();
        }
    }
}

// 辅助方法：等待BitmapImage加载完成
private Task WaitForBitmapImageLoadedAsync(BitmapImage bitmapImage)
{
    if (bitmapImage.IsLoaded)
        return Task.CompletedTask;

    var tcs = new TaskCompletionSource<bool>();
    void OnImageOpened(object s, RoutedEventArgs e)
    {
        bitmapImage.ImageOpened -= OnImageOpened;
        bitmapImage.ImageFailed -= OnImageFailed;
        tcs.TrySetResult(true);
    }

    void OnImageFailed(object s, ExceptionRoutedEventArgs e)
    {
        bitmapImage.ImageOpened -= OnImageOpened;
        bitmapImage.ImageFailed -= OnImageFailed;
        tcs.TrySetException(new Exception(e.ErrorMessage));
    }

    bitmapImage.ImageOpened += OnImageOpened;
    bitmapImage.ImageFailed += OnImageFailed;
    return tcs.Task;
}

完整序列化/反序列化流程示例 #

步骤1：定义可序列化的数据类

// 这个类包含你的文本内容和图片字节数组，可被Newtonsoft.Json序列化
public class StorableImageItem
{
    public string TextContent { get; set; }
    public byte[] ImageBytes { get; set; }
}

步骤2：将原ObservableCollection转换为可序列化集合并保存

// 假设你的原集合是ObservableCollection<YourOriginalItem>，其中包含BitmapImage和Text
var storableCollection = new ObservableCollection<StorableImageItem>();
foreach (var originalItem in yourOriginalCollection)
{
    byte[] imageBytes;
    // 根据你的图片来源选择对应的转换方法
    if (originalItem.HasLocalFile)
    {
        imageBytes = await GetImageBytesFromStorageFileAsync(originalItem.LocalImageFile);
    }
    else
    {
        imageBytes = await GetImageBytesFromBitmapImageAsync(originalItem.Image);
    }

    storableCollection.Add(new StorableImageItem
    {
        TextContent = originalItem.Text,
        ImageBytes = imageBytes
    });
}

// 序列化到本地文件
var jsonString = JsonConvert.SerializeObject(storableCollection);
var targetFile = await ApplicationData.Current.LocalFolder.CreateFileAsync("saved_images.json", CreationCollisionOption.ReplaceExisting);
await FileIO.WriteTextAsync(targetFile, jsonString);

步骤3：从文件反序列化并还原为原集合

// 读取序列化的JSON文件
var targetFile = await ApplicationData.Current.LocalFolder.GetFileAsync("saved_images.json");
var jsonString = await FileIO.ReadTextAsync(targetFile);
var storableCollection = JsonConvert.DeserializeObject<ObservableCollection<StorableImageItem>>(jsonString);

// 还原为原集合（包含BitmapImage）
var restoredCollection = new ObservableCollection<YourOriginalItem>();
foreach (var storableItem in storableCollection)
{
    var bitmapImage = new BitmapImage();
    using (var imageStream = new InMemoryRandomAccessStream())
    {
        await imageStream.WriteAsync(storableItem.ImageBytes.AsBuffer());
        imageStream.Seek(0);
        await bitmapImage.SetSourceAsync(imageStream);
    }

    restoredCollection.Add(new YourOriginalItem
    {
        Text = storableItem.TextContent,
        Image = bitmapImage
    });
}

内容的提问来源于stack exchange，提问作者Neff