Подпишись на наш Twitter

Быть в курсе появления новых статей!

Продолжая серию статей в блоге сегодня я покажу, как создать Live Tile (живые тайлы они же живые плитки).

Живые тайлы показывают пользователю, что интересного случилось в вашем приложении или если у вас есть новая информация для него.

Живые тайлы это существенная и интересная часть Windows 8 и их не очень трудно создавать. По правде создание живого тайла очень простое дело.

Для начала создайте пустое приложение и назовите его LiveTile. Самую первую вещь, которую надо сделать это добавить проект NotificationsExtensions, который Microsoft поставляет вместе с SDK и примером простого приложения с тайлами.

На домашней странице добавьте кнопку:

После нажатия на кнопке мы отправляем текст в тайл.

Помните, что есть два пути отправить текст в тайл:

  • Из приложения напрямую, что мы и сделали здесь
  • Используя Windows Notification Service (NWS), что будет описано в будущих статьях

В обработчике события нажатия кнопки мы вначале создаем широкий и квадратный тайл с новым текстом, который хотим вывести на экран:

private void CreateLiveTile_Click_1(object sender, RoutedEventArgs e)
{
    ITileWideText03 tileContent = TileContentFactory.CreateTileWideText03();
    tileContent.TextHeadingWrap.Text = "Уведомление на тайле от Jesse";
 
    ITileSquareText04 squareContent = TileContentFactory.CreateTileSquareText04();
    squareContent.TextBodyWrap.Text = "Уведомление на тайле от Jesse";

Затем мы присоединяем квадратный тайл к широкому:

tileContent.SquareContent = squareContent;

Создаем экземпляр TileNotification вызовом CreateNotification у широкого тайла:

 TileNotification notification = tileContent.CreateNotification();

Создаем экземпляр TileUpdater вызовом CreateTileUpdaterForApplication у TileUpdateManager:

TileUpdater updater = TileUpdateManager.CreateTileUpdaterForApplication();

Передаем уведомление в метод Update у TileUpdater:

updater.Update(notification);

Вот и все. Если переключить тайл в стартовом меню, то вы увидите всплывающее сообщение перед собой.

Исходные коды примера можно скачать здесь.

Оригинал: Creating A Live Tile




Дата публикации: 24.09.2012 19:50

Ярлыки: Tiles, Tutorial, WPF, WinRT, Windows 8