Windows Phone 8 - 使用绑定将字节 [] 数组加载到 XAML 图像中

Question

我将图像存储为 byte[] 数组，因为我无法将它们存储为 BitmapImage。 ShotItem 类将存储在 ObservableCollection 中的 IsolatedStorage 中。

namespace MyProject.Model
{
    public class ShotItem : INotifyPropertyChanged, INotifyPropertyChanging
    {
        private byte[] _shotImageSource;
        public byte[] ShotImageSource
        {
            get
            {
                return _shotImageSource;
            }
            set
            {
                NotifyPropertyChanging("ShotImageSource");

                _shotImageSource = value;
                NotifyPropertyChanged("ShotImageSource");
            }
        }
        ...
    }
}

在我的 xaml 文件中，我有以下内容：

<Image Source="{Binding ShotImageSource}" Width="210" Height="158" Margin="12,0,235,0" VerticalAlignment="Top" />

不幸的是，我无法将图像作为字节直接加载到 xaml 中的 Image 容器中。我不知何故需要将 ShotImageSource byte[] 转换为 BitmapImage。我正在加载很多图像，所以这也必须异步完成。

我尝试使用转换器绑定，但不确定如何使其工作。任何帮助将不胜感激:)。

Answer 1

这是 Converter 的代码，它将您的 byte[] 转换为 BitmapImage：

public class BytesToImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (value != null && value is byte[])
        {
            byte[] bytes = value as byte[];
            MemoryStream stream = new MemoryStream(bytes);
            BitmapImage image = new BitmapImage();

            image.SetSource(stream);

            return image;
        }

        return null;

    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}