エクスポート (0) 印刷
すべて展開
情報
要求されたトピックは次のとおりです。しかし、このトピックはこのライブラリには含まれていません。

Windows Phone 8 のタイル

2014/06/18

対象: Windows Phone 8 および Windows Phone Silverlight 8.1 のみ

タイルは、スタート画面でアプリを表すイメージです。既定のタイルはどのアプリにも最低 1 つあります。これは、ユーザーがアプリ リストからアプリを固定すると、[スタート] 画面に表示されます。

アプリでは、アプリのタイルで都市の現在の天気を表示する場合などに、1 つ以上のセカンダリ タイルをサポートすることもできます。セカンダリ タイルのサポートにより、ユーザーは選択した都市のそれぞれのタイルを固定することができます。

Windows Phone Tile overview image

このトピックは、次のセクションで構成されています。

タイルについて、次のようなことができます。

  • ユーザーがカスタマイズ可能な複数のサイズをサポートします。

  • 3 つのビジュアル テンプレートから 1 つを選択して、アプリを目立たせます。

  • セカンダリ タイルを多数用意します。

  • セカンダリ タイルをクリックしたとき、ユーザーに対して開かれるページを制御します。

また、次のように、タイルを更新する頻度も選択することが可能です。

  • 更新はしません。これは、Visual Studio で静的なタイルを使用して、簡単に設定できます。

  • イミディエイトまたはスケジュールされたローカル通知を使用して、プログラムで更新します。

  • クラウド サービスでプッシュ通知を使用して、プログラムで更新します。

Windows Phone 8 は、フリップ、アイコン、サイクルという 3 つのタイル テンプレートをサポートしています。プログラムで後から既定のタイルのテンプレートは変更できないため、既定のタイルは慎重に選ぶ必要があります。既定のタイルを新しいテンプレートに変更したい場合、アプリの更新を申請する必要があります。ただし、セカンダリ タイルは目的のテンプレートを使用してコードですぐに動的に作成できます。

選択するテンプレートの種類は、構築するアプリの種類と設計によります。適切なタイル テンプレートを選択する方法の詳細については、「Windows Phone のアプリに最適なタイル テンプレートを選択する」を参照してください。

フリップ テンプレート

タイルは前後に反転します。このテンプレートは、Windows Phone OS 7.1 のタイル テンプレートに基づいているので、Windows Phone OS 7.1 の開発者には親しみやすいかもしれません。このテンプレートの詳細については、「Windows Phone 8 用のフリップ タイル テンプレート」を参照してください。

Windows Phone Flip Tile template showcase image

アイコン テンプレート

タイルは Windows Phone の設計原則に基づいています。このテンプレートの詳細については、「Windows Phone 8 用のアイコン タイル テンプレート」を参照してください。

Windows Phone Iconic Tile template showcase image

サイクル テンプレート

タイルは、最大 9 つの画像間で切り替わります。このテンプレートの詳細については、「Windows Phone 8 用のサイクル タイル テンプレート」を参照してください。

Windows Phone Cycle Tile template showcase image

Windows Phone 8 は、、およびワイドという 3 つのタイル サイズをサポートしています。

ユーザーが [スタート] 画面に固定するタイル サイズを選ぶので、各サイズの画像を準備することが重要です。画像の正確な寸法は、アプリでサポートしているタイル テンプレートによって異なります。

WXGA 解像度のタイル サイズ

フリップとサイクル

アイコン

159 x 159 ピクセル

110 x 110 ピクセル

Medium

336 x 336 ピクセル

202 x 202 ピクセル

ワイド

691 x 336 ピクセル

N/A

重要:重要:

上の表は、各タイル タイプのタイル サイズを示しています。ただし、アイコン テンプレートの場合、用意する画像は、ここで指定するサイズよりも小さいサイズでなければなりません。そうしないと、タイルのカウンタ表示が途中で切れてしまう可能性があります。たとえば、小アイコン タイル画像の推奨「ベストフィット」サイズは 70 x 110、中アイコン タイル画像の推奨「ベストフィット」サイズは 130 x 202 です。詳細については、「Windows Phone のアイコン タイル テンプレートのデザイン ガイドライン」を参照してください。

Windows Phone 8 では、WVGA と 720p の 2 つの解像度を追加でサポートしています。これらの解像度で使用できるように、提供される画像はスケールされます。サポートされている解像度の詳細については、「Windows Phone 8 の複数解像度アプリ」を参照してください。

Windows Phone OS 7.1 のタイルのサイズの詳細については、「Windows Phone OS 7.1 タイル テンプレート」を参照してください。

Windows Phone のアプリに最適なタイル テンプレートを選択する」を読んで使用するタイル テンプレートを選択したら、タイルのルック アンド フィールやコンテンツをデザインする最良の方法を理解することが重要です。詳細については、「Windows Phone のタイル デザイン ガイドライン」を参照してください。

タイルに表示するコンテンツは、選択したテンプレートとタイルのサイズに依存します。関連付けられているタイルのプロパティの詳細については、「Windows Phone 8 用のフリップ タイル テンプレート」、「Windows Phone 8 用のサイクル タイル テンプレート」、「Windows Phone 8 用のアイコン タイル テンプレート」を参照してください。

Windows Phone OS 7.1 には、Windows Phone 8 のフリップ テンプレートに対応するタイル テンプレートが 1 つだけ用意されています。サイズや API の情報など、Windows Phone OS 7.1 のタイルの詳細については、「Windows Phone OS 7.1 タイル テンプレート」を参照してください。

リフレクションを使用すると、Windows Phone 8 のタイル機能を Windows Phone OS 7.1 アプリで表示できます。詳細については、「Windows Phone OS 7.1 アプリへの Windows Phone 8 および 7.8 のタイル機能の追加」を参照してください。

タイルは好みに合わせて、シンプルにすることも複雑にすることもできます。手の込んだものは一切必要なく、タイルをプログラムで更新しない場合は、Visual Studio を使用してベーシックで静的な既定のタイルを作成できます。

タイルは、ローカルまたはプッシュ通知を使用して更新できます。詳細については、「Windows Phone 8 のローカル通知」および「Windows Phone 8 のプッシュ通知」を参照してください。

表示:
© 2014 Microsoft