1. Создание живой плитки, которая привлекает и приглашает
2. Работа с Live Tiles локально (эта запись)
3. Вращающиеся живые плитки, чтобы сохранить интерес
4. Изменение живых плиток в фоновом процессе
5. Использование Azure и Push-уведомлений с живыми плитками

Работа с TileUpdateManager

Чтобы показать вам принципы работы с плиткой локально, мы будем использовать очень простое приложение, которое состоит из простой формы и двух кнопок.

Нажмите кнопку Изменить плитку, чтобы добавить следующий код. Сначала мы хотим сделать ссылку на шаблон, который мы хотели бы использовать для нашей плитки.

var templateType = TileTemplateType.TileWideSmallImageAndText04;
var xml = TileUpdateManager.GetTemplateContent(templateType);

Вам нужно будет добавить следующий оператор использования в начало вашей страницы.

using Windows.UI.Notifications;

Так какой контент мы берем с TileUpdateManager ? Это документ XML. Чтобы увидеть, как выглядит плитка, с которой мы работаем, поместите курсор под TileTemplateType и нажмите клавишу F1 на клавиатуре. Это приведет вас к документации по перечислению TileTemplateType .  http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.notifications.tiletemplatetype(v=win.10).aspx

как вы можете видеть из кода, мы решили использовать TileWideSmallImageAndText04 для нашей плитки. Если мы посмотрим на страницу, вы можете получить эталонное изображение для того, что будет отображено.

Это полезно, но поскольку для визуализации плитки используется XML, нам необходимо знать XML-представление этой плитки. Если вы прокрутите вверх до верхней части страницы перечисления TileTemlplateType, на которую мы ссылались выше, вы увидите ссылку на каталог шаблонов плиток, который приведет вас сюда http://msdn.microsoft.com/en-us/library/windows/apps/ hh761491.aspx . Если мы ищем наш TileWideSmallImageAndText04, вы увидите изображение вместе с XML-представлением этого изображения.

Мы видим, что эта плитка имеет один элемент Image и два текстовых элемента, поэтому для их изменения нам нужно получить ссылку на эти узлы. Добавьте следующий код под только что вставленным кодом шаблона (при нажатии кнопки)

var textNodes = xml.GetElementsByTagName("text");textNodes[0].AppendChild(xml.CreateTextNode("A message"));textNodes[1].AppendChild(xml.CreateTextNode("This text should wrap on max 3 lines, see if this fits on the tile!"));

Следующий код ищет все узлы xml в нашем шаблоне с именем «текст». Поскольку из шаблона мы знаем, что их два, мы просто добавляем текст, который мы хотим показать, к каждому из этих узлов, как показано выше.

var imageNodes = xml.GetElementsByTagName("image");var elt = (XmlElement)imageNodes[0];elt.SetAttribute("src", "ms-appx:///Assets/SmallLogo.png");

using Windows.Data.Xml.Dom;

var tileUpdater = TileUpdateManager.CreateTileUpdaterForApplication();var tile = new TileNotification(xml);tileUpdater.Update(tile);