Windows 10开发 - Live Tiles

在本章中,我们将讨论通过切片与用户的交互.它是Windows 10的标志性部分.平铺显示在开始屏幕以及开始菜单上.换句话说,它是一个应用程序图标资产,在整个Windows 10操作系统中以各种形式出现.它们是通用Windows平台(UWP)应用程序的名片.

平铺解剖

平铺有三种状态.

  • 基本状态 :  "开始"磁贴的基本组件包括背板,图标和应用标题.

基本状态

  • 半生活状态 : 它与基本图块相同,唯一的区别是徽章(数字)可以显示0-99之间的数字.

半生活状态

  • 生活状态 : 此图块包含半实时状态图块的所有元素,还显示其他内容板,您可以放置任何内容,例如照片,文本等.

更新瓷砖

有四种方法可以更新瓷砖.

  • 预定 : 您可以使用 ScheduledTileNotification 设置模板和时间.

  • 定期 : 从URI中检索信息时,您可以指定在该段时间后提取信息的时间,例如30分钟,1小时,6小时.等.

  • 本地 : 可以从您的应用程序更新本地的;来自前台应用程序或后台应用程序.

  • 推送 : 它通过从服务器推送信息从服务器更新.

要创建磁贴,请按照给定的代码.

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);

更新徽章非常简单,因为它只是一个数字,您可以设置徽章的价值,如下所示.

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);

让我们在Visual Studio中创建一个新的UWP项目.

  • 您将在解决方案资源管理器中的资产文件夹下看到不同的png文件.

资产文件夹

  • 让我们在包清单中定义默认图块及其图像.

  • 双击 package.appxmanifest .这将打开清单编辑器窗口.

  • 选择 Visual Assets 选项卡.

Visual Assets

  • 您可以使用任何指定的尺寸选择应用程序图块的图像和图标.在平铺图像和徽标下,为所有徽标提供默认图像,例如

    • Square 71x71 Logo

    • Square 150x150 Logo

    • Square 310x310 Logo

    • 商店标志

  • 当您执行应用程序然后转到开始屏幕时,您将看到应用程序的磁贴.

执行你的申请