StyleSheet コントロールの概要
ASP.NET モバイル Web フォーム ページ用のデザイナでは、StyleSheet コントロールを通じてページ内で簡単にスタイルを使用できます。StyleSheet コントロールをアタッチできるのは、ASP.NET モバイル Web フォーム ページまたはモバイル ユーザー コントロールに限られます。スタイル シートは、ページまたはコントロールあたり 1 つだけアタッチできます。
.gif "メモ") メモ : |
|---|
ASP.NET モバイル コントロールでは、カスケード スタイル シートはサポートされていません。 |
.gif "ASP.NET ツールボックス スタイルシート")
各スタイル シートには、1 つ以上のスタイルを含められます。コントロールは、StyleReference プロパティを使用してスタイルを参照します。
スタイル シートは、テンプレートとは異なります。再利用可能なコンテンツとコントロールを指定するテンプレートとは異なり、スタイル シートには、コントロールとコンテンツのレンダリング方法についての情報が含まれます。また、スタイル シートでは、そのスタイル内にテンプレートを含められます。スタイルをコントロールに適用すると、コントロールの既定のスタイル情報およびテンプレートが置き換えられます。
StyleSheet コントロールの中でスタイルを定義するには、スタイル エディタを使用します。スタイル エディタは、ASP.NET モバイル コントロールに用意されたスタイルからスタイルを派生します。現在、モバイル コントロールで定義するのは、Style スタイルと PagerStyle スタイルです。Style にはモバイル コントロール共通の表示形式プロパティが含まれ、PagerStyle には Style のプロパティ、および改ページ調整されたコントロールに適用されるプロパティが含まれます。
スタイルによる一貫した外観の提供
StyleSheet コントロールは、ページ コンテンツとコントロールに一貫した外観を持たせる便利な機能性を提供します。たとえば、特定のコントロール グループを Panel コントロールに含め、Panel コントロールの StyleReference プロパティをスタイル シート内のスタイルの 1 つに設定することで、このグループにスタイルを適用できます。
アプリケーションの複数のページにわたって一貫した外観を提供するには、コントロールから外部スタイル シートを参照します。外部スタイル シートは、.ascx ファイル内のモバイル ユーザー コントロールであり、StyleSheet コントロールが含まれます。外部スタイルにアクセスするには、モバイル Web フォーム ページに StyleSheet コントロールが含まれている必要があります。StyleSheet コントロールの ReferencePath プロパティを、外部スタイル シートを含んだ .ascx ファイルのパス名に設定します。
外部スタイル シートにあるスタイルは、外部スタイルと呼ばれます。現在のページにアタッチされている StyleSheet コントロールにあるスタイルは、内部スタイルと呼ばれます。ページ上のコントロールは、内部スタイルと外部スタイルの両方を名前で参照できます。内部スタイルと外部スタイルの名前が同じである場合は、内部スタイルが優先されます。このようにして、アプリケーションは、特定のページの既定値をオーバーライドする内部スタイルを使用できる状態のまま、すべてのページにわたる既定のスタイルを提供する外部スタイル シートを使用できます。
外部スタイルを使用すると、循環参照が発生するおそれがあります。たとえば、外部スタイル シート X にあるスタイル A が、外部スタイル シート Y にある B を参照していて、B が X にある A を参照している場合、循環参照が発生します。循環参照を解決しないと、スタイルは機能しません。
デザイナは、コンテンツやコントロールをページにレンダリングするのに外部スタイルを使用しませんが、内部スタイルを参照する StyleReference プロパティを持つコントロールのスタイルはレンダリングします。
デバイス固有のスタイル
スタイルは、ページでのコンテンツとコントロールの外観を特定のハードウェア デバイス向けに合わせて調整する手段となります。開発者は、スタイル シート内のあるどのスタイルにも 1 つ以上のデバイス フィルタを関連付けられます。デバイス フィルタが実行時に true に評価されると、テンプレートのセット、およびデバイス フィルタに接続されたプロパティ オーバーライド値を使用してスタイルがレンダリングされます。
このテクニックは、外部スタイル シートを併用する場合に特に有効です。たとえば、アプリケーションは、外部スタイル シートとデバイス固有のスタイルを使用すると、ハンドヘルド コンピュータを対象としたナビゲーション コントロールの特定のセットを定義できます。コントロールとレンダリングに適用されるスタイルは、両方ともに、スタイルを参照するだけでアプリケーションのすべてのページに容易に追加できます。
同じアプリケーションでデバイス フィルタを使用すると、Web 対応の携帯電話で実行されていることを検出できます。その電話に適切であり、またすべてのページに適用されるスタイル テンプレートとプロパティ オーバーライド値の別のセットを使用して応答できます。新しいモバイル デバイスが登場した場合は、デバイス固有のテンプレートとプロパティ オーバーライド値の新しいセットを定義することで、既存のアプリケーションを新しいハードウェア向けに効果的に移植できます。
また、[プロパティ] ウィンドウの [PropertyOverrides] 項目を使用してプロパティ オーバーライド値をスタイルに適用することで、特定のデバイスに対してそのプロパティの表示形式をカスタマイズできます。
参照
処理手順
方法 : StyleSheet コントロールを追加および構成する