使用远程图像创建CycleTile

时间:2013-01-03 23:33:44

标签: windows-phone-8

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

2 个答案:

答案 0 :(得分:21)

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), 
            }
        });
}

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

  1. 定期后台代理只需要25秒即可完成操作,因此在激活Mutex.WaitAll时添加定时器thresehold并使其正常失败可能是有意义的。
  2. 在某些网络条件下,在25秒内下载9张图像可能根本无法正常工作,因此最好对其进行优化。您可以使用较少的图像,也可以每30分钟仅更新一些图像。
  3. 将CycleTileData更新为相同的文件URI不会触发磁贴更新(AFAIK)。所以你需要更好的文件名,然后是myImage0,而是拥有图像的唯一文件名。

答案 1 :(得分:2)

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

Session 7 of the Windows Phone 8 Jumpstart是一个很好的参考 - 特别是在25:30 in。