読者です 読者をやめる 読者になる 読者になる

Metroアプリでライブタイルを実装するときに参考になるサイト

とりあえず公式のドキュメントで参考になるもの

・基本中の基本

Quickstart: Sending a tile update (Metro style apps using JavaScript and HTML)

 

・notification queueを使う時

How to use the notification queue with local notifications (Metro style apps using JavaScript and HTML)

上2つの左側のリンクに他にもいくつかチュートリアル的なものがある。

 

・Tileのテンプレートについて

TileTemplateType enumeration

Choosing a tile template (Metro style apps using JavaScript and HTML)  

 

Windows 8アプリ開発者ブログ

優れたタイル エクスペリエンスを開発する (パート 1)

優れたタイル エクスペリエンスを開発する (パート 2)

   

・サンプル

//NotificationQueueを使って更新する場合。定期的にテキストが更新される
Notifications.TileUpdateManager.createTileUpdaterForApplication().enableNotificationQueue(true);
var tileUpdateManager = Notifications.TileUpdateManager;

var data = Data.groups.dataSource.list._groupKeys;

for (var i = 0, len = data.length; i < len; i++) {
    var template = tileUpdateManager.getTemplateContent(Notifications.TileTemplateType.tileSquareText03);
    var tileAttribute = template.getElementsByTagName('text')[0];
    tileAttribute.appendChild(template.createTextNode(data[i]));
    var tileNotification = new Notifications.TileNotification(template);
    tileUpdateManager.createTileUpdaterForApplication().update(tileNotification);
}