WP 8.1从http请求绑定图像

Question

我有一个ListView项目，其中包含来自http GET请求的数据和图像。除了图片外，我可以在ListView中显示所有数据。为了获得图像，我必须做一个单独的http GET请求。我可以用此代码显示图像：

private async void DisplayPicture() 
{ 
    var ims = new InMemoryRandomAccessStream(); 
    var dataWriter = new DataWriter(ims); 
    dataWriter.WriteBytes(App.answer.picture); 
    await dataWriter.StoreAsync(); 
    ims.Seek(0); 
    BitmapImage bitmap = new BitmapImage(); 
    bitmap.CreateOptions = BitmapCreateOptions.IgnoreImageCache; 
    bitmap.SetSource(ims); 
} 

但是，如果我想在具有绑定的ListView中使用，这不起作用。 这里是我试过的代码：

public class BinaryToImageSourceConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     if (value != null && value is byte[]) 
     { 
      var bytes = value as byte[]; 
      var ims = new InMemoryRandomAccessStream(); 
      var dataWriter = new DataWriter(ims); 
      dataWriter.WriteBytes(bytes); 
      //await dataWriter.StoreAsync(); 
      ims.Seek(0); 
      BitmapImage bitmap = new BitmapImage(); 
      bitmap.SetSource(ims); 
      //var ims = new MemoryStream(bytes); 
      //var image = new BitmapImage(); 
      //image.SetSource(stream); 
      //stream.Close(); 
      return bitmap; 
     } 
     return null; 
    } 
    public object ConvertBack(object value, Type targetType, object parameter, string language) 
    { 
     throw new NotImplementedException(); 
    } 
} 

的主要问题是，我得到了来自服务器的byte []（字节阵列）的图像，只有上面的代码可以在WP8.1显示。所以我必须使用dataWriter.StoreAsync()方法，但如果我使用它，我必须使用async，它必须是无效的。但由于绑定，无效返回值对我来说并不好。

您可以看到我取消注释的原始代码，但我无法使用它，因为image.SetSource()的输入值必须是RandomAccessStream。所以我不知道如何解决这个问题。

Answer 1

如果你想结合使用异步方法，那么一个方法，使其工作是的DataContext设置为任务并绑定到其结果。 Stepen Cleary写道：a nice article about that。您还可以在his answer here中找到一些有用的信息。

基于这个答案，我建立了一个样本，我认为你可以修改以满足你的需求。写转换将返回TaskCompletionNotifier（见上斯蒂芬的回答）：

public class WebPathToImage : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     if (value == null) return null; 
     // the below class you will find in Stephen's answer mentioned above 
     return new TaskCompletionNotifier<BitmapImage>(GetImage((String)value)); 
    } 

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

    private async Task<BitmapImage> GetImage(string path) 
    { 
     HttpClient webCLient = new HttpClient(); 
     var responseStream = await webCLient.GetStreamAsync(path); 
     var memoryStream = new MemoryStream(); 
     await responseStream.CopyToAsync(memoryStream); 
     memoryStream.Position = 0; 
     var bitmap = new BitmapImage(); 
     await bitmap.SetSourceAsync(memoryStream.AsRandomAccessStream()); 
     return bitmap; 
    } 
} 

那么您可以在XAML限定绑定：

<Image DataContext="{Binding ImageFromWeb, Converter={StaticResource WebPathToImage}}" Stretch="Uniform" 
     Source="{Binding Result}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Row="2"/> 

当你设置ImageFromWeb一切都应该工作：

ImageFromWeb = @"http://www.onereason.org/wp-content/uploads/2012/02/universe-300x198.jpg";