Меняем плитку для приложения Windows Phone 7

Каждое приложение имет не только значок, но и плитку (Tile) – особый визуальный объект, который может динамически менять свой вид. Плитки располагаются на стартовой странице. Пользователь может закрепить любую программу на стартовой странице в виде плитки. Чтобы закрепить приложение на главной странице Start, найдите значок вашей программы и через контекстное меню выберите команду pin to start.

Вы можете изменять по необходимости три элемента плитки (заголовок, счетчик и фоновый рисунок) в любое время, используя Microsoft Push Notification Service или Tile Schedule. Также вы можете установить начальный заголовок и фоновый рисунок плитки в проекте Visual Studio. В противном случае будут использоваться заголовок и фоновый рисунок по умолчанию.

Части плитки
  • Background.png - файл, отвечающий за фоновую картинку плитки. Вы можете использовать локальный или удаленный ресурс для фоновой картинки плитки. При использовании в качестве локального ресурса, вы должны использовать картинку как часть XAP-пакета. Иными словами, нельзя скачать картинку и поместить ее в изолированное хранилище и использовать ее как локальный ресурс. Рекомендуем почитать дополнительную информацию об использовании плитки в документе UI Design and Interaction Guide for Windows Phone 7. Фоновый рисунок нельзя вернуть к первоначальному состоянию после обновления через уведомления. Единственный способ - еще раз обновить через push-обновление.
  • Title - Текст, устанавливаемый через Visual Studio в настройках (смотри ниже). Текст должен быть достаточно коротким, чтобы помещался в одну строчку, иначе он будет обрезан. Если текст не задан, то используется текст по умолчанию, генерируемый системой.
  • Count - счетчик от 1 до 99. Если задать неправильное число или не задать новое значение в push-уведомлении, то будет выводиться последнее значение для счетчика. Если значение счетчика равно 0, то изображение счетчика с цифрами не будет выводиться в плитке. Таким образом, если плитка уже имеет какое-то число, его нужно просто обнулить, чтобы скрыть изображение счетчика.

Цвет и размер шрифта для заголовка и счетчика не доступны для настройки. Система использует текущую тему для этих целей.

Плитки двойного ширины разрешены только для Microsoft, производителей телефона и мобильного оператора. Обычным разработчикам нельзя создавать плитку двойной ширины (приложение не будет принято в MarketPlace).

На данный момент нет возможности при обновлении плитки воспроизводить анимацию или звук. Расположение счетчика и заголовка плитки не поддается настройке.

Создание собственной плитки для приложения во время разработки

  • Подготовьте свой PNG-файл для фонового рисунка и добавьте его в проект. В окне свойств измените Build Action на Content
  • Создайте новый и откройте существующий проект в Visual Studio.
  • В Solution Explorer щелкните правой кнопкой мыши на имени проекта и выберите команду Properties.
  • Измените поля Title и Background image в секции Tile options. Фоновый рисунок можно выбрать из выпадающего списка.

Если приложение не имеет подготовленного заголовка и изображения для плитки, то система выводит стандартный системный значок и имя вашего проекта. Размер картинки для плитки должен иметь размер 173x173 пикселей и разрешение 256 dpi в формате JPEG или PNG. Картинки меньшего или большего размера будут автоматически подогнаны под нужный размер. Если вы подготовите несколько картинок для плитки, которые будете обновлять через push-уведомления, то все они должны быть выдержаны в одном стиле.

Небольшие хитрости

Посмотрим на плитку по умолчанию.

Так как это формат PNG, который поддерживает прозрачность, то можно сделать творчески подойти к созданию значка, через который будет просвечивать фон плитки.

Более того, этот способ использует и сами Microsoft. Теперь при изменении темы, ваша плитка по-прежнему будет смотреться красиво.


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

А что делать, если хочется изменить шрифт или местоположение надписи (или убрать ее совсем?)

Можно применить маленький трюк: отредактировать файл WMAppManifest.xml, заменив тег  <Title>Super App</Title> на <Title />. Это уберет подпись (данную операцию не получится сделать через окно настроек проекта). Затем можно просто редактировать как угодно Background.png. Конечно нет никаких гарантий, что Microsoft не пофиксит в будущем данную возможность.(Источник: Маленький трюк).

Обновление плитки во время работы

Вы можете обновлять плитку двумя способами: при помощи Push Notification Service или Tile schedule, который позволяет изменять картинку с удаленного источинка. Не стоит злопоупотреблять частыми изменениями плитки для экономии заряда батареи. Приемы работы с Push-уведомлениями описан в статье День девятнадцатый. Уведомления (Push Notifications)

Дополнительные материалы

For more information about Tiles and Tile notifications, see Types of Push Notifications for Windows Phone (http://msdn.microsoft.com/en-us/library/ff941124(v=VS.92).aspx).

Your application Tile must adhere to the UI guidelines described at UI Design and Interaction Guide for Windows Phone 7 (http://go.microsoft.com/fwlink/?LinkID=183218).

For more information, see Push Notifications Overview for Windows Phone (http://msdn.microsoft.com/en-us/library/ff402558(v=VS.92).aspx) How to: Update Your Tile Without Push Notifications for Windows Phone. (http://msdn.microsoft.com/en-us/library/ff402545(v=VS.92).aspx)

Реклама