このトピックはまだ評価されていません - このトピックを評価する

Windows Phone 8 用のアイコン タイル テンプレート

2013/12/05

対象: Windows Phone 8 のみ

アイコン テンプレートは、タイルの中央に小さなイメージを表示し、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 要素は 16 進の ARGB 形式の色で設定する必要があります。たとえば、<wp:BackgroundColor Action="Clear">#FF524742</wp:BackgroundColor> などです。

重要: 重要:

BackgroundColor 要素の色値が #FF524742 のように #FF から始まらない場合、カスタムの背景色は表示されず、既定のテーマの色が表示されます。

コードによるアイコン タイルの作成または更新

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 に設定します。コード内でプロパティの値をクリアするには、その値を空の文字列に設定します。

この情報は役に立ちましたか。
(残り 1500 文字)
フィードバックをいただき、ありがとうございました
表示:
© 2014 Microsoft. All rights reserved.