UWP 使用 Json 转换要序列化的位图图像。

Question

我有一个使用

序列化的类 (MyClass)

public class MyClass
{
  public string Name { get; set;}
  public BitmapImage image { get; set;}
}

private ObservableCollection<MyClass> _myClass;

private const string fileName = "myclass.json";

public DataSource()
{
 _myClass = new ObservableCollection<MyClass>();
}

public async Task<ObservableCollection<MyClass>> GetMyClass()
{
  await ensureDataLoaded();
  return _myClass;
}

private async Task ensureDataLoaded()
{
  if(_myClass.Count == 0;)
     await GetMyClassDataAsync();
}

private async Task GetMyClassDataAsync()
{
   if(_myClass.Count != 0)
       return;

var jsonSerializer = new DataContractJsonSerializer(typeof(ObservableCollection<MyClass>));

try
 {
  using(var stream = away ApplicationData.Current.LocalFolder.OpenStreamForReadAsync(fileName))
   {
   _myClass = (ObservableCollection<MyClass>) jsonSerializer.ReadObject(stream);
   }
 }
catch
 {
  _myClass = new ObservableCollection<MyClasss>();
 }
}

public async void AddMyClass(MyClass myClass)
{
   _myClass.Add(myClass);
   await SaveMyClassDataAsync();
}

public async void DeleteMyClass(MyClass myClass)
{
   _myClass.Remove(myClass);
   await SaveMyClassDataAsync();
}

private async Task SaveMyClassDataAsync()
{
   var jsonSerializer = new DataContractJsonSerializer(typeof(ObservableCollection<MyClass>));
   using (var stream = await ApplicationData.Current.LocatlFolder.OpenStreamForWriteAsync(fileName, 
   CreationCollisionOption.ReplaceExisting))
 {
   jsonSerializer.WriteObject(stream, _myClass);
 }
}

当我将 bitmapImage 添加到我的类时，它不能被序列化。

我已经阅读了有关将 bitmapImage 转换为字符串或字节数组的信息，但我无法弄清楚代码。

有谁知道如何将 bitmapImage 转换为可以序列化的格式？

奖金

将其转换为 json 格式后。我将如何将其转换回来？？

更多奖励

如果我有一个链接到 XAML 中每个 MyClass 对象的所有图像的列表视图，我需要做些什么特别的事情来让 myClass 保存一个图像和一个序列化图像，以便我可以将图像保存在 json 中还要使用图像从 MyClass 绑定到 XAML 中的图像？

Answer 1

在 UWP 中，BitmapImage 被用作 UI 作为图像源。它不是读/写对象。所以我的建议是自行序列化/反序列化图像数据（此处为字节数组）并使用这些数据发布 ImageBitmap 属性进行绑定。

[JsonObject(MemberSerialization.OptIn)]
public class MyClass
{
    private BitmapImage _Image;
    [JsonProperty]
    public string Name { get; set; }
    public BitmapImage Image
    {
        get
        {
            if (ImageBytes == null)
                return null;
            if (_Image == null)
                _Image = new BitmapImage();
            using (var stream = new InMemoryRandomAccessStream())
            {
                stream.WriteAsync(ImageBytes.AsBuffer()).Completed = (i, j) => {
                    stream.Seek(0);
                    _Image.SetSource(stream);
                };
            }
            return _Image;
        }
    }
    [JsonProperty]
    public byte[] ImageBytes { get; set; }
}

如果你有图片的 URI，故事会有点不同；）