导出 (0) 打印
全部展开
信息
您所需的主题如下所示。但此主题未包含在此库中。

Windows Phone 8 图标磁贴模板

2014/6/18

仅适用于:Windows Phone 8 和 Windows Phone Silverlight 8.1

图标模板在磁贴的中间显示一幅小型图像,并且纳入了 Windows Phone 设计准则。

此模板是 Windows Phone 8 所特有的。有关 Windows Phone OS 7.1 中磁贴的更多信息,请参见 Windows Phone OS 7.1 磁贴模板

Windows Phone Iconic Tile template showcase image

下图显示了与图磁贴模板各个方面相关的 API 名称。IconicTileData 类用于更新这些属性中的任一属性。

Windows Phone Iconic Tile template properties

下图描述了图标磁贴模板的大小调整信息。

Windows Phone Iconic Tile template size info

有关如何设计美观的图标磁贴的更多信息,请参见 Windows Phone 图标图块模板设计准则

您可以使用 XML 或代码来创建或更新图标磁贴。因为无法知道客户将哪种大小的磁贴固定到了“开始”屏幕,因此您应该包含所有这些元素。

使用 XML 创建或更新图标磁贴

以下代码示例显示了如何使用 XML 创建或更新图标磁贴。

<?xml version="1.0" encoding="utf-8"?>
<wp:Notification xmlns:wp="WPNotification" Version="2.0">
  <wp:Tile Id="[Tile ID]" Template="IconicTile">
    <wp:SmallIconImage [Action="Clear"]>[small Tile size URI]</wp:SmallIconImage>
    <wp:IconImage Action="Clear">[medium/wide Tile size URI]</wp:IconImage>
    <wp:WideContent1 Action="Clear">[1st row of content]</wp:WideContent1>
    <wp:WideContent2 Action="Clear">[2nd row of content]</wp:WideContent2>
    <wp:WideContent3 Action="Clear">[3rd row of content]</wp:WideContent3>
    <wp:Count Action="Clear">[count]</wp:Count>
    <wp:Title Action="Clear">[title]</wp:Title>
    <wp:BackgroundColor Action="Clear">[hex ARGB format color]</wp:BackgroundColor>
  </wp:Tile>
</wp:Notification>

在使用 XML 创建或更新图标磁贴时,必须将 BackgroundColor 元素设置为十六进制 ARGB 格式颜色。例如 <wp:BackgroundColor Action="Clear">#FF524742</wp:BackgroundColor>

重要说明重要说明:

如果 BackgroundColor 元素的颜色值并非以 #FF 开始(例如 #FF524742),则您的自定义背景颜色将不会显示,并且将改为显示默认主题颜色。

使用代码创建或更新图标磁贴

以下代码示例显示如何使用 C# 代码创建或更新图标磁贴。

IconicTileData TileData = new IconicTileData()
{
   Title = "[title]",
   Count = [count],
   WideContent1 = "[1st row of content]",
   WideContent2 = "[2nd row of content]",
   WideContent3 = "[3rd row of content]",
   SmallIconImage = [small Tile size URI],
   IconImage = [medium/wide Tile size URI],
   BackgroundColor = [.NET color type of Tile]
};

在使用 C# 代码创建或更新图标磁贴时,必须将 BackgroundColor 属性设置为 .NET 颜色类型。例如 BackgroundColor = new Color{ A = 255, R = 0, G = 148, B = 255 }

重要说明重要说明:

如果您不将 BackgroundColor 属性的 A 参数设置为 255,则不会显示自定义背景颜色,而是改为显示默认主题颜色。

清除图标磁贴

若要清除 XML 中的属性的值,请将该属性的 Action 特性设置为 Clear。若要在代码中清除属性的值,请将该值设置为空字符串。

显示:
© 2015 Microsoft