图像未显示在 Windows 8.1 应用商店应用程序中

Question

我有一个 Windows 8.1 应用商店应用程序，我需要在其中一个视图中显示图像。我已经在 WPF 桌面应用程序中做了一百万次，所以它应该很容易做到，但我的图像没有显示。我从存储库中获取此图像作为字节数组。我检查了一下，在我的视图显示时我的 ViewModel 中有所有字节。然而，我没有看到它。这是我第一次真正尝试在 Windows 8.1 应用商店应用程序中显示图像，所以我想知道事情是否有所不同。

这是我的 XAML 代码：

<Border Grid.Column="2" BorderBrush="White" BorderThickness="5" Margin="2">
    <Image Source="{Binding ImageBuffer}" AutomationProperties.Name="{Binding CompanyName}"
           Width="280" Height="190" VerticalAlignment="Center" HorizontalAlignment="Center"/>
</Border>

后面的代码包含一个“ImageBuffer”公共属性，就像我说的那样，用图像的所有字节正确初始化。

private byte[] _imageBuffer;
public byte[] ImageBuffer
{
   get { return _imageBuffer; }
   set { Set(() => ImageBuffer, ref _imageBuffer, value); }
}

我在我的项目中使用 MVVM Light Toolkit。

有什么建议吗？

谢谢， 埃迪

Answer 1

显然在 WinRT 中没有从 byte[] 到 ImageSource 的自动类型转换（就像在 WPF 中一样）。您应该已经在 Visual Studio 的输出窗口中看到了一条错误消息，例如

错误：转换器无法转换类型的值 'Windows.Foundation.IReferenceArray`1' 输入 'ImageSource'; ...

所以你应该像这样使用绑定转换器：

using System;
using System.IO;
using Windows.Storage.Streams;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Media.Imaging;
...

public class ImageConverter : IValueConverter
{
    public object Convert(
        object value, Type targetType, object parameter, string language)
    {
        var bitmap = new BitmapImage();
        var buffer = value as byte[];

        if (buffer != null)
        {
            using (var stream = new InMemoryRandomAccessStream())
            {
                stream.AsStreamForWrite().Write(buffer, 0, buffer.Length);
                stream.Seek(0);
                bitmap.SetSource(stream);
            }
        }

        return bitmap;
    }

    public object ConvertBack(
        object value, Type targetType, object parameter, string language)
    {
        throw new NotSupportedException();
    }
}

然后像这样在Image.SourceBinding中使用它：

<Page.Resources>
    <local:ImageConverter x:Key="ImageConverter"/>
</Page.Resources>
...
<Image Source="{Binding ImageBuffer, Converter={StaticResource ImageConverter}}" ... />