如何在Windows8 Metro应用程序中动态下载和显示图像

Question

我在运行时从xml文件阅读器获取图像URL。 该图像URL传递给以下方法以动态下载。

 public void Display_Image(string MyURL)
  {
           BitmapImage bi = new BitmapImage();
           bi.UriSource = new Uri(this.BaseUri, MyURL);
           Img_Poster.Source = bi;
  }

但这是行不通的。 我没有任何图像来源。 上面的代码与在编译时提供的静态URL配合良好。 我需要做些什么？

Answer 1

我在下面建议的方法已过时。 但是，创建一个使用在运行时确定的Uri动态创建的新位图图像时，IS受支持并可以在Windows 8的RTM版本上运行。Display_Image（url）应该可以按预期工作。

---

您可以使用CreateFromUri帮助器获取图像流： http : //msdn.microsoft.com/zh-cn/library/windows/apps/windows.storage.streams.streamreference.createfromuri.aspx#Y0

var stream = RandomAccessStreamReference.CreateFromUri(new Uri(imageUrl))

然后，您应该能够将位图的源设置为助手返回的RandomAccessStream。

Answer 2

我以前在Windows RT上无法使用以前工作的位图代码时也遇到了类似的问题，早期的尝试使我确信它拒绝下载任何内容，除非它将要显示在UI上（在这里，我需要在插入1ms的延迟之前分配源只是为了使其触发图像下载）：

var image = .... // reference to animage on the UI
var placeholder = ... // a placeholder BitmapImage
var source = ... // uri to download

image.Source = placeholder;
var src = new BitmapImage(new Uri(source));
src.ImageOpened += (s, e) =>
{
    var bi = s as BitmapImage;
    image.Source = bi;
};

image.Source = src;
// Delay required to trigger download
await Task.Delay(1);
image.Source = placeholder;

这是我尝试成功的另一个解决方案：

var image = .... // reference to animage on the UI
var source = ... // uri to download
var placeholder = ... // a placeholder BitmapImage

image.Source = placeholder;

var bytes = await new HttpClient().GetByteArrayAsync(source);
var img = new BitmapImage();
await img.SetSourceAsync(bytes.AsBuffer().AsStream().AsRandomAccessStream());
image.Source = img;