Blend でスタイルを作成する

[アーティクル]
10/09/2014

Blend for Visual Studio プロジェクトのコントロールのスタイルを使用して、そのスタイルを適用するコントロールが既定で使用するプロパティを指定できます。コントロールの構造を変更する場合は、「Blend でテンプレートを作成または変更する」、「Blend での一般的な Silverlight コントロールのスタイル処理のヒント」または「Blend での WPF 簡易スタイルのスタイル処理のヒント」の手順に従って、テンプレートを変更します。

スタイルはリソースなので、コントロールとは別にスタイルを保存し、スタイルリソースを同じコントロールの他のインスタンスに適用します。リソースの詳細については、「Blend での再利用可能リソースの作成」を参照してください。

コントロールの新規スタイルリソースを作成するには

アートボードまたは [オブジェクトとタイムライン] パネルで、スタイルを変更するオブジェクトを選択します。
[オブジェクト] メニューの [スタイルの編集] をポイントし、以下のいずれかを実行します。
- 選択しているオブジェクトで現在使用中のスタイル (作成済みのカスタムスタイル) を変更するには、[現在のスタイルの編集] をクリックします。 Blend が現在のスタイルのスタイル編集モードになります。手順 6 に進むか、「Blend でスタイルを編集する」の手順に従います。
- 選択したオブジェクトの現在のスタイル (オブジェクトの既定のスタイル、または以前に作成したカスタムスタイル) に基づいて新しいスタイルを作成するには、[コピーの編集] をクリックします。
- 空のスタイルを新規作成する場合は、[空アイテムの作成] をクリックします。図形コントロール (Rectangle など) およびテキストコントロール (TextBox など) の場合、これが唯一使用可能なオプションです。
[スタイルリソースの作成] ダイアログボックスが表示されます。
[名前 (キー)] で、以下のいずれかを実行します。
- オブジェクトの新しい名前のスタイルを作成するには、キー名を入力します。これは、他のオブジェクトがスタイルを参照し、スタイルを適用するときに使用する名前です。
- 同じ種類のすべてのオブジェクトによって使用されるスタイルを作成するには、[すべてに適用] を選択します (WPF のみ)。
  
  ヒント
  
  このスタイルオブジェクトに作成される XAML では、TargetType という名前の属性に、そのスタイルの作成対象のオブジェクトの種類が設定されます。
  
  x:Key 属性は、キー名 (上記の最初のオプション) を入力した場合にのみ設定されます。x:Key 属性は、名前でスタイルを指定するオブジェクトに対して、スタイルを適用する場合にのみ使用できます。x:Key 属性が設定されていない場合は、同じ種類のすべてのオブジェクトにスタイルが適用されます。たとえば、次のスタイルオブジェクトは、アートボード上のすべてのボタンには適用されません。
  
  <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...
[定義先] で、スタイルを定義する場所に該当するオプションを選択します。
- アプリケーション内の任意ドキュメントでスタイルを使用できるようにする場合は、[アプリケーション] を選択します。
- スタイルを現在のドキュメントまたは現在のドキュメント内のオブジェクトのみで利用できるようにするには、[このドキュメント] を選択し、対応するドロップダウンメニューからオプションを選択します。
- 他のプロジェクトで再利用できるリソースディクショナリファイルにリソースを定義するには、[リソースディクショナリ] を選択するか、[新規作成] ボタンをクリックして新しいリソースディクショナリを作成します。
[OK] をクリックしてダイアログボックスを閉じ、スタイルを開いて編集します。

ヒント

ここでは、事実上、新しいスタイルリソースを作成しています。このリソースはローカルリソースとなり、[リソース] パネルを使用して簡単に表示および変更することができます。リソースには、コントロールの構造を変更するために変更可能なテンプレートへの参照が含まれます。

詳細については、「Blend でシステムコントロールのスタイルを処理するために再利用可能なテンプレートを作成する」を参照してください。
アートボードの上端に階層リンクバーが表示されます。

スタイル編集モードが選択されている階層リンクバー

階層リンクバーのボタンをクリックすることで、選択済みのオブジェクトに対するテンプレート編集モード、スタイル編集モード、およびオブジェクト編集スコープを簡単に切り替えることができます。階層リンクバーは、選択したオブジェクトにカスタムスタイルまたはテンプレートが適用されている場合に表示されます。
[プロパティ] パネルで、コントロール用の新しい既定値を設定するプロパティを変更します。
Windows Presentation Foundation (WPF) プロジェクトで作業している場合は、[トリガー] パネルでプロパティおよびイベントトリガーを追加または変更します。

設定するトリガーの例については、「試してみよう: ロールオーバーボタンの作成 (Blend での WPF サポート)」または「Blend での WPF 簡易スタイルのスタイル処理のヒント」の「試してみよう」のトピックを参照してください。
スタイルの編集スコープを終了するには、[オブジェクトとタイムライン] パネルの [スコープを <オブジェクト名> に戻す] をクリックします。

以前に作業していた編集スコープに戻ります。

ヒント

オブジェクトに対してスタイルリソースを作成または適用すると、選択したオブジェクトの [プロパティ] パネルで、Style プロパティに緑色の枠が表示されます。これは、オブジェクトがこのスタイルリソースにバインド (リンク) されていることを示します。