Windows 8中的Image Control下载图像后，如何在本地存储图像？

Question

我的Windows应用商店（aka Windows 8）应用程序使用默认的“网格应用程序”模板来显示项目。 那里的项目模板包括带有重叠文本信息的图像。 为了减小应用程序的大小，我不会为每个项目存储图像，而是将具有绝对路径（http）的Uri保存到图像所在的Web服务器。 我修改了标准模板以绑定到图像Uri（必须将Uri转换为字符串才能正常工作），现在，每当我启动该应用程序时，所有图像都会下载并由Image控件自动显示。

我现在想要的是自动保存曾经下载的图像，并将下载图像的Uris修改为指向本地存储的图像。 在这里，我遇到两个问题：

• 如果我绑定了StandardStyles.xaml的完整ItemTemplate，则无法触发ImageOpened事件

这是我的GroupedItemsPage.xaml的绑定：

    <GridView
        x:Name="itemGridView"
        ItemTemplate="{StaticResource Standard250x250ItemTemplate}">

绑定的模板已修改为触发事件（ StandardStyles.xaml ）：

<DataTemplate x:Key="Standard250x250ItemTemplate">
            <Image Source="{Binding ImageUri}" ImageOpened="Image_ImageOpened"/>
</DataTemplate>

Image_ImageOpened事件处理程序在代码隐藏文件（“ GroupedItemsPage.xaml.cs”）中定义，但是从不触发：

    private void Image_ImageOpened(object sender, RoutedEventArgs e)
    {

    }

• 我不知道如何将Image框架元素的内容存储为二进制文件。

Answer 1

我还不得不在本地复制一些http图像； 这是我的工作代码。 您应该使用internetURI =“ http：// wherever-your-image-file-is”和图像的唯一名称来调用此方法。 它将图像复制到AppData的LocalFolder存储中，然后将路径返回到可用于绑定的新本地图像的路径。 希望这可以帮助！

    /// <summary>
    /// Copies an image from the internet (http protocol) locally to the AppData LocalFolder.  This is used by some methods 
    /// (like the SecondaryTile constructor) that do not support referencing images over http but can reference them using 
    /// the ms-appdata protocol.  
    /// </summary>
    /// <param name="internetUri">The path (URI) to the image on the internet</param>
    /// <param name="uniqueName">A unique name for the local file</param>
    /// <returns>Path to the image that has been copied locally</returns>
    private async Task<Uri> GetLocalImageAsync(string internetUri, string uniqueName)
    {
        if (string.IsNullOrEmpty(internetUri))
        {
            return null;
        }

        using (var response = await HttpWebRequest.CreateHttp(internetUri).GetResponseAsync())
        {
            using (var stream = response.GetResponseStream())
            {
                var desiredName = string.Format("{0}.jpg", uniqueName);
                var file = await ApplicationData.Current.LocalFolder.CreateFileAsync(desiredName, CreationCollisionOption.ReplaceExisting);

                using (var filestream = await file.OpenStreamForWriteAsync())
                {
                    await stream.CopyToAsync(filestream);
                    return new Uri(string.Format("ms-appdata:///local/{0}.jpg", uniqueName), UriKind.Absolute);
                }
            }
        }
    }