1

我有一个winJS应用程序，它是 Steam 游戏的工作启动器。我想让它在不运行的情况下循环浏览 5 张图像。

它只使用小图块——这个应用程序没有宽图块图像。

这是代码：

(function () {
"use strict";

WinJS.Namespace.define("Steam", {
    launch: function launch(url) {
        var uri = new Windows.Foundation.Uri(url);

        Windows.System.Launcher.launchUriAsync(uri).then(
             function (success) {
                 if (success) {
                     // File launched
                     window.close();
                 } else {
                     // File launch failed
                 }
             }
        );
    }
});

WinJS.Namespace.define("Tile", { 
    enqueue: function initialize() {
        var updaterHandle = Windows.UI.Notifications.TileUpdateManager.createTileUpdaterForApplication();
        updaterHandle.enableNotificationQueue(true);
        return updaterHandle;
    },
    update: function update () {
        var template = Windows.UI.Notifications.TileTemplateType.tileSquareImage;
        var tileXml = Windows.UI.Notifications.TileUpdateManager.getTemplateContent(template);

        var randIndx = Math.floor(Math.random() * 5);
        var randUpdatetime = 1000 * 3 * (((randIndx == 0) ? 1 : 0) + 1); // let the base image stay longer

        var tileImageAttributes = tileXml.getElementsByTagName("image");

        tileImageAttributes[0].setAttribute("src", "ms-appx:///images/Borderlands2/borderlands_2_" + randIndx + "_sidyseven.png");
        tileImageAttributes[0].setAttribute("alt", "Borderlands 2");

        var tileNotification = new Windows.UI.Notifications.TileNotification(tileXml);
        var currentTime = new Date();

        tileNotification.expirationTime = new Date(currentTime.getTime() + randUpdatetime);
        tileNotification.tag = "newTile";

        var updater = Tile.enqueue();
        updater.update(tileNotification);

        setTimeout('Tile.update();', randUpdatetime);
    }
});


WinJS.Binding.optimizeBindingReferences = true;

var app = WinJS.Application;
var activation = Windows.ApplicationModel.Activation;

app.onactivated = function (args) {
    if (args.detail.kind === activation.ActivationKind.launch) {                 
        setTimeout('Steam.launch("steam://rungameid/49520");', 800);
        args.setPromise(WinJS.UI.processAll().then(function () {
            return WinJS.Navigation.navigate("/default.html", args).then(function () {
                Tile.update();
            });
        }));
    }
};

app.start();
})();

笔记：

  • 该代码当前不循环图像，而是显然永远不会改变，或者在启动后用默认图像的小视图替换应用程序名称文本。这会在短时间内恢复为文本，并且循环可能会重复。它从不显示不同的图像（无论是在它错误显示的小图像中，还是在主图块中）。

  • 当我在调试中运行并在阶段设置断点时 TileUpdater.update(TileNotification)，我可以在控制台中验证 image src属性是否设置为我想要的随机图像：

    >>>>tileNotification.content.getElementsByTagName("image")[0].getAttribute("src")

    "ms-appx:///images/Borderlands2/borderlands_2_4_sidyseven.png"

    但这从未真正显示在瓷砖上。

  • 这些图像文件包含在解决方案中，它们出现在解决方案资源管理器的正确目录中。

4

1 回答 1

0

如果在调试中正确设置了图像 src 属性，则图像可能没有正确的“构建操作”。

在每个图像的“属性”中，将“构建操作”设置为“资源”。

在此处输入图像描述

于 2012-11-26T17:58:42.917 回答