Разработка для Windows 10 - живые плитки

В этой главе мы поговорим о взаимодействии с пользователем через плитки. Это знаковая часть Windows 10. Плитки отображаются наStart Screen а также на Start Menu. Другими словами, это актив значка приложения, который присутствует в различных формах в операционной системе Windows 10. Они являются визитными карточками вашего приложения универсальной платформы Windows (UWP).

Анатомия плитки

Есть три состояния плитки.

• Basic State - Основные компоненты плитки «Пуск» состоят из задней панели, значка и заголовка приложения.

• Semi-Live state - Это то же самое, что и базовая плитка, с той лишь разницей, что значок, который представляет собой число, может отображать числа от 0 до 99.

• Live State - Эта плитка содержит все элементы плитки полуактивного состояния, а также показывает панель дополнительного содержимого, на которой вы можете разместить все, что захотите, например фотографии, текст и т. Д.

Обновление плиток

Есть четыре способа обновить плитки.

• Scheduled - Вы можете установить шаблон и время с помощью ScheduledTileNotification.

• Periodic- Когда информация извлекается из URI, и вы можете указать время для извлечения информации по истечении этого периода времени, например, 30 минут, 1 час, 6 часов. и т.п.

• Local- Локальный можно обновить из вашего приложения; либо из переднего плана, либо из фонового приложения.

• Push - Он обновляется с сервера путем передачи информации с сервера.

Чтобы создать плитку, следуйте данному коду.

var tileXml = 
   TileUpdateManager.GetTemplateContent(TileTemplateType.TileSquare150x150Text01); 
 
var tileAttributes = tileXml.GetElementsByTagName("text"); 
tileAttributes[0].AppendChild(tileXml.CreateTextNode("Hello"));
			
var tileNotification = new TileNotification(tileXml);			
TileUpdateManager.CreateTileUpdaterForApplication().Update(tileNotification);

Update badge довольно просто, потому что это просто число, и вы можете установить значение значка, как показано ниже.

var type = BadgeTemplateType.BadgeNumber; 
var xml = BadgeUpdateManager.GetTemplateContent(type);  

var elements = xml.GetElementsByTagName("badge"); 
var element = elements[0] as Windows.Data.Xml.Dom.XmlElement; 
element.SetAttribute("value", "7");
  
var updator = BadgeUpdateManager.CreateBadgeUpdaterForApplication(); 
var notification = new BadgeNotification(xml); 
updator.Update(notification);

Давайте создадим новый проект UWP в Visual Studio.

• Вы увидите различные файлы png под Assets папка в Solution Explorer.

• Давайте определим плитку по умолчанию и ее изображение в манифесте пакета.

• Дважды щелкните значок package.appxmanifest. Откроется окно редактора манифеста.

• Выбрать Visual Assets таб.

• Вы можете выбрать изображения и значки для плитки приложения любого из указанных размеров. ПодTile Images and Logos, изображения по умолчанию предоставляются для всех логотипов, например

  • Логотип Square 71x71
  • Квадратный логотип 150x150
  • Квадратный логотип 310x310
  • Логотип магазина

• Когда вы запустите приложение и затем перейдете на начальный экран, вы увидите плитку для своего приложения.