読者です 読者をやめる 読者になる 読者になる

daisuke_nomura の日記

Android プログラマーな鉄道ファンのブログ

Windows Phone 8でIconic Tileを適用する

はじめに

 @daisuke_nomuraです。Windows Phone 8ではアプリケーションのアイコンとなるタイルが複数種類追加され、ユーザへの情報表示が豊かになりました。

 

つぎに

 Windows 8、Windows Phone 8の一番の特徴・魅力はタイルです。

 

タイルのサイズと種類
 Windows 8と同じようにタイルには複数サイズ・種類があります。Windows Phone 8では
1Flip Tile
2)Cycle Tile
3)Iconic Tile
の3つがあり
1)大
2)中
3)小
の3つのサイズがあります。 小サイズはWindows 8には無いサイズです。
 Iconic Tileは、アイコンに加え、文字・数字を表示できるタイルです。Windows Phone 8のデフォルトのメールアプリがIconic Tileを使用しています。ピクチャハブはFlip Tile Cycle Tileです。
  
Iconic Tileを適用する 
 Iconic Tileを適用する場合は、まずはWMAppManifest.xmlを開き、タイルテンプレートをTemplateIconicに設定します。大サイズのタイルをサポートする場合、「大きなタイルのサポート」にチェックを入れます。
 

f:id:daisuke_nomula:20121216174657p:plain

 
 その後、以下のコードをアプリに追記します。アプリによってタイルに表示したい情報は異なるため、それぞれ表示したい内容に置き換えてください。なお、変更の必要がないパラメータは設定を行なっている箇所を削除しましょう。
 加えて、タイルはXMLによって変更することもできますが、ここでは扱いません。

 上記を適用すると、アプリのプライマリなタイルがIconic Tileで表示されます。セカンダリタイルに適用しようとしても、InvalidOperationExceptionになり、変更できません。

f:id:daisuke_nomula:20121216174010p:plain

大サイズ
 

f:id:daisuke_nomula:20121216174029p:plain

中サイズ

 

f:id:daisuke_nomula:20121216174053p:plain

 小サイズ
 
 
Iconic Tileの適用を解除する 
 Iconic Tileの適用を解除する場合、stringのパラメータはnullに、int?型のパラメータを0にした上で適用します。こうすることで表示していた情報が消えます。変更の必要がないパラメータは設定を行なっている箇所を削除しましょう。
 

f:id:daisuke_nomula:20121216174152p:plain

大サイズ

 

f:id:daisuke_nomula:20121216174230p:plain

中サイズ
 

f:id:daisuke_nomula:20121216174438p:plain

小サイズ

 
さいごに
 Windows 8とWindows Phone 8のタイルはサイズの変更ボタンの位置からそもそも異なりますが、ユーザに情報を表示するという目的は変わりません。また再度になりますが、Windows 8、Windows Phone 8の一番の特徴・魅力はタイルです。
 タイルをできるだけリアルタイムに更新することでユーザは新着情報を知ることができ、より魅力的なアプリになります。
 
参考