複数のデバイスに対応した Web アプリケーションの構成

[アーティクル]
09/17/2008

更新 : 2007 年 11 月

ASP.NET モバイル Web ページはさまざまなモバイルデバイスに対して適切なマークアップを自動的にレンダリングできますが、デバイスまたはデバイスのクラスに固有のレンダリングまたは処理を定義できます。デバイスフィルタを使用すると、デバイスの特定のサブセットを対象とすることができます。この機能を使用するには、デバイスの機能に基づいて選択条件を指定します。デバイスフィルタは、Web.config ファイルの <deviceFilters> セクションに格納されています。Web.config ファイルにある一般的なフィルタは、一覧表示したり、アプリケーションの任意の場所から名前によって参照したりできます。

メモ :
デバイスフィルタの名前は、大文字と小文字が区別されます。たとえば、isColor というフィルタは、IsColor というフィルタとは異なります。

デバイスフィルタを定義すると、それを ASP.NET モバイルコントロール内に適用して、デバイス固有のレンダリングを定義できます。適用したデバイスフィルタは、.aspx ファイルにある DeviceSpecific 構成要素内の <choice> 要素に割り当てられます。この時点で、プロパティのオーバーライドと適用したデバイスフィルタのテンプレートを設定できます。デバイス固有のカスタマイズの例を以下に示します。

表示機能に基づいて Image コントロールの異なるイメージを選択するなど、コントロールのプロパティをオーバーライドします。
各モバイルデバイスに応じて、異なるレンダリングスタイルを使用します。
Pocket PC などのデバイスで表現力豊かなレンダリングを行うためのテンプレートを使用します。

これらの例ではいずれも、対象デバイスが Web.config ファイルの <deviceFilters> セクションに一致するかどうかに基づくフィルタ処理が必要です。これらのフィルタは、1 か所ではなく、アプリケーション全体で使用される場合もあります。

詳細については、「デバイスフィルタに関する推奨事項」を参照してください。

デバイステンプレート

すべてのモバイルコントロールには、特定のデバイスとマークアップ言語 (たとえば、HTML、cHTML、または WML) に対応した既定の表示形式とレイアウトがあります。この表示形式とレイアウトは、プロパティを設定するか、スタイルを使用することによって変更することが可能です。また、一部のコントロールはテンプレートを使用して表示形式をカスタマイズすることもできます。

テンプレートは、特定のマークアップ言語のコントロール部分のレイアウトを構成する要素とコントロールのセットです。たとえば、List コントロールでは、特にヘッダーテンプレートまたはフッターテンプレートを定義できます。また、テンプレートを定義して各リスト項目の形式を指定したり、別のテンプレートを使用して代替リスト項目の形式を指定したりすることも可能です。

メモ :
テンプレートは、スタイルとは異なります。スタイルは、色、フォントなどの要素の表示形式を指定します。コントロールの表示形式だけを変更する場合は、スタイルを使用します。テンプレートと共にスタイルを使用すると、テンプレート内で定義した要素の表示形式を制御できます。

テンプレートは、マークアップ言語および埋め込まれたコントロールで構成されています。コントロールがモバイル Web ページで実行されると、ASP.NET はコントロールの既定のマークアップの代わりにテンプレートのコンテンツをレンダリングします。詳細については、「デバイス固有のテンプレートの使用」を参照してください。

一部のコントロールでは、<deviceSpecific> タグおよび <choice> タグによってテンプレートの複数のセットを使用できます。このようなテンプレートの複数のセットは、テンプレートセットと呼ばれます。

プロパティのオーバーライド

モバイル Web ページでは、対象デバイスに応じて、モバイルコントロールのプロパティを個別に設定することが必要な場合もあります。たとえば、Label コントロールについて、あるデバイスセットでは長いテキストを保持し、別のデバイスでは短縮したテキストを保持するように設定する場合があります。各コントロールについて、各対象デバイスのプロパティをオーバーライドできます。

メモ :
プロパティのオーバーライドを設定するには、まずデバイスフィルタを定義する必要があります。このフィルタを使用して、カスタムのプロパティ値を定義するモバイルデバイスのセットを指定します。