使用远程图像创建 CycleTile答案

【问题标题】：Creating CycleTile with remote images使用远程图像创建 CycleTile
【发布时间】：2013-01-03 23:33:43
【问题描述】：

我已经看到了许多显示 CycleTile 的示例，但这些示例都使用了本地图像。一旦应用程序首次运行并将 CycleTile 指向远程图像，是否可以设置这些图像？或者如果我确实需要先将这些保存到手机中，如何让 CycleTile 引用它们？

【问题讨论】：

【解决方案1】：

CycleTileTemplate 和 CycleTileData 仅支持本地 URI，不支持远程 Web URI。这意味着您只能从从 XAP 安装的文件或从 IsoStore 中的文件设置循环图像的来源。

为了支持 CycleTileData 中的远程图像，您需要在周期性后台代理中下载图像，将它们保存到 IsoStore，然后使用这些图像更新 CycleTileData。推送通知在这里不起作用，因为图像需要是本地的，ShellTileSchedule 也不需要。

确保将图像保存到“/Shared/ShellContent”下的 IsoStore，并将其 URI 设置为“isostore:/Shared/Shellcontent/myImage.png”，否则开始屏幕磁贴将无法访问它们。

让我们看一个例子。首先，我们编写一个并行线程算法，启动 9 个下载线程，等待结果，然后更新图块：

private IsolatedStorageFile isoStore = IsolatedStorageFile.GetUserStoreForApplication();

private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
        var threadFinishEvents = new List<WaitHandle>();

        DownloadImages(threadFinishEvents);

        new Thread(()=>
        {
            Mutex.WaitAll(threadFinishEvents.ToArray());

            UpdateTiles();

            isoStore.Dispose();
        }).Start();
}

接下来，我们将这 9 个图像下载到 IsoStore“/Shared/ShellContent”。我们将特别注意为每个 Web 下载添加新的线程标志，并在文件进入 IsoStore 后将标志设置为完成。

private void DownloadImages(List<WaitHandle> threadFinishEvents)
{
    for (int i = 0; i < 9; i++)
    {
        var localI = i;

        var threadFinish = new EventWaitHandle(false, EventResetMode.ManualReset);
        threadFinishEvents.Add(threadFinish);

        var request = WebRequest.CreateHttp("http://www.justinangel.net/storage/691x336.png");
        request.BeginGetResponse(ir =>
        {
            var result = request.EndGetResponse(ir);
            using (var isoStoreFile = isoStore.OpenFile("shared/shellcontent/myImage" + localI + ".png",
                                                        FileMode.Create,
                                                        FileAccess.ReadWrite))
            using (var response = result.GetResponseStream())
            {
                var dataBuffer = new byte[1024];
                while (response.Read(dataBuffer, 0, dataBuffer.Length) > 0)
                {
                    isoStoreFile.Write(dataBuffer, 0, dataBuffer.Length);
                }
            }

            threadFinish.Set();
        }, null);
    }
}

最后，我们将更新动态磁贴以使用 IsoStore 中的新图像。

private void UpdateTiles()
{
    ShellTile.ActiveTiles
        .First()
        .Update(new CycleTileData()
        {
            Title = "Cyclical",
            CycleImages = new Uri[]
            {
                new Uri("isostore:/Shared/ShellContent/myImage0.png", UriKind.Absolute), 
                new Uri("isostore:/Shared/ShellContent/myImage1.png", UriKind.Absolute), 
                new Uri("isostore:/Shared/ShellContent/myImage2.png", UriKind.Absolute), 
                new Uri("isostore:/Shared/ShellContent/myImage3.png", UriKind.Absolute), 
                new Uri("isostore:/Shared/ShellContent/myImage4.png", UriKind.Absolute), 
                new Uri("isostore:/Shared/ShellContent/myImage5.png", UriKind.Absolute), 
                new Uri("isostore:/Shared/ShellContent/myImage6.png", UriKind.Absolute), 
                new Uri("isostore:/Shared/ShellContent/myImage7.png", UriKind.Absolute), 
                new Uri("isostore:/Shared/ShellContent/myImage8.png", UriKind.Absolute), 
            }
        });
}

有几个有趣的事情需要考虑：

周期性后台代理只有 25 秒的时间来完成其操作，因此在激活 Mutex.WaitAll 时添加计时器阈值并使其正常失败可能是有意义的。
在某些网络条件下可能根本无法在 25 秒内下载 9 张图像，因此最好针对此进行优化。您可以使用更少的图像，也可以每 30 分钟只更新几张图像。
将 CycleTileData 更新到相同的文件 URI 不会触发磁贴更新 (AFAIK)。因此，您需要比 myImage0 更好的文件名，而是为图像提供唯一的文件名。

【讨论】：

我建议使用后台文件传输进行下载，非常可靠，您不受 25 秒限制。

【解决方案2】：

对于 CycleTile，图像必须是本地的。您可以设置periodic task 来刷新图像，然后将这些图像存储在本地/隔离存储中的 shared/shellcontent 特殊文件夹中（例如，ms-appdata:///local/shared/shellcontent/image01.png）

Session 7 of the Windows Phone 8 Jumpstart 是一个很好的参考 - 特别是大约 25:30 英寸。

【讨论】：