次の方法で共有


Blend でブラシ リソースまたは色リソースを作成する

再利用可能なブラシまたは色を作成し、他のオブジェクトに適用できます。 リソースは 1 つの場所で変更できるため、属性をコピーおよび適用するよりも多くのメリットがあります。 リソースを変更すると、そのリソースを使用するすべてのオブジェクトが瞬時に更新されます。

注意

Blend for Visual Studio では、さまざまな方法でリソースを作成できます。このトピックでは、ブラシ リソースおよび色リソースを作成する方法について説明していますが、リソースはほとんどのプロパティから作成できます。さらに、コントロールに適用できるスタイル リソースまたはテンプレート リソースを作成し、コントロールの外観または動作を瞬時に変更することもできます。追加のリソースの種類を作成する方法については、「Blend での再利用可能リソースの作成」を参照してください。プロジェクト内で使用されているすべてのリソースは、[リソース] パネルで確認できます。

ブラシ リソースを作成するには

  1. リソースに変換するブラシ プロパティを持つオブジェクトがアートボードにない場合は、[ツール] パネルから [楕円] JJ170658.8938cfdf-9b75-4a33-bc88-b0636e114a0d(ja-jp,VS.120).png を選択し、アートボードに楕円を描画します。 [プロパティ] パネルに新しい楕円オブジェクトのプロパティが表示され、[ブラシ] で Fill プロパティが選択されています。

  2. [プロパティ] パネルの [ブラシ][単色ブラシ] タブ JJ170658.3a66ec96-47bb-47fc-8876-6b9456feec3a(ja-jp,VS.120).png[グラデーション ブラシ] タブ JJ170658.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(ja-jp,VS.120).png、または [タイル ブラシ] タブ JJ170658.14623a18-70ab-450f-af01-ae9902d60e4d(ja-jp,VS.120).png をクリックし、ブラシのプロパティの設定を開始します。

  3. ブラシを保存する準備ができたら、ブラシの横の [詳細オプション] JJ170658.12e06962-5d8a-480d-a837-e06b84c545bb(ja-jp,VS.120).png ([Fill プロパティや Background プロパティなど) をクリックし、[新しいリソースに変換] をクリックします。

    [ブラシ リソースの作成] ダイアログ ボックスが表示されます

    JJ170658.092a1fec-f5b5-427c-a51e-aae1f6a1eee2(ja-jp,VS.120).png

  4. [ブラシ リソースの作成] ダイアログ ボックスで、新しいリソースの名前 (キー) を入力し、リソースの定義先 (アプリケーション レベル、ドキュメント レベル、オブジェクト レベル、またはリソース ディクショナリの一部として) を選択して、[OK] をクリックします。

  5. [リソース] パネルで作成したブラシ リソースを表示および変更できます。

    [リソース] パネルでブラシ リソースを表示および変更

    JJ170658.64136c65-52bc-4225-a948-b1171634baca(ja-jp,VS.120).png

ブラシ リソースを他のオブジェクトに適用するには

  1. ブラシ リソースを適用するオブジェクトを選択します。

  2. [プロパティ] パネルの [ブラシ] で、変更するブラシ プロパティを選択します。

  3. [ブラシ リソース] タブ JJ170658.415db740-5a54-48d2-8678-245ccfa7ee8b(ja-jp,VS.120).png をクリックします。

  4. [ローカル ブラシ リソース] で、オブジェクトに適用するブラシ リソースを選択します。

    選択したオブジェクトの Fill プロパティを Brush1 リソースに設定

    JJ170658.af28e5e4-4861-45ac-b02d-e65386520ed7(ja-jp,VS.120).png

    注意

    リソースをオブジェクトに適用する方法は他にもあります。たとえば、リソースをアートボードにドラッグしたり、[詳細オプション] ドロップダウン メニュー JJ170658.12e06962-5d8a-480d-a837-e06b84c545bb(ja-jp,VS.120).png を使用します。詳細については、「Blend でリソースを適用または削除する」を参照してください。

色リソースを作成するには

  1. リソースに変換する色プロパティを持つオブジェクトがアートボードにない場合は、[ツール] パネルから [楕円] JJ170658.8938cfdf-9b75-4a33-bc88-b0636e114a0d(ja-jp,VS.120).png を選択し、アートボードに楕円を描画します。 [プロパティ] パネルに新しい楕円オブジェクトのプロパティが表示され、[ブラシ] で Fill プロパティが選択されています。

  2. [プロパティ] パネルの [ブラシ] で、[単色ブラシ] タブ JJ170658.3a66ec96-47bb-47fc-8876-6b9456feec3a(ja-jp,VS.120).png または [グラデーション ブラシ] タブ JJ170658.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(ja-jp,VS.120).png をクリックします。 カラー エディターで色を選択します。 [グラデーション ブラシ] JJ170658.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(ja-jp,VS.120).png を変更する場合は、グラデーションの分岐点 JJ170658.a3c9e482-e99b-4504-8a02-9507487d1791(ja-jp,VS.120).png ごとに色を選択できます。

    ヒント

    [単色ブラシ]JJ170658.3a66ec96-47bb-47fc-8876-6b9456feec3a(ja-jp,VS.120).png を変更する場合や、[グラデーション ブラシ]JJ170658.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(ja-jp,VS.120).png でグラデーションの分岐点を変更する場合は、カラー エディターの右下隅に [スポイト]JJ170658.2ab2d2fb-3478-4b33-87fb-3cdeb9df4d52(ja-jp,VS.120).png が表示されます。このスポイトを選択すると、デスクトップのどこからでもカラー サンプルを取得し、選択したブラシにその色を適用できます。[グラデーション ブラシ] JJ170658.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(ja-jp,VS.120).png を変更するときは、[グラデーションのスポイト] グラデーション スポイト アイコン を選択し、Blend for Visual Studio アプリケーション ウィンドウ内で線を引くようにドラッグします。ポインターが通過した色がブラシに適用されます。Esc キーを押すと、いつでもスポイトの操作をキャンセルできます。

  3. 色を保存する準備ができたら、[色をリソースに変換] JJ170658.6bf68607-add8-4d87-b6f4-100c8f05dd17(ja-jp,VS.120).png をクリックします。

    色をリソースに変換

    JJ170658.89203705-cf66-46e0-b153-52a23cd744f7(ja-jp,VS.120).png

    [色リソースの作成] ダイアログ ボックスが表示されます

    JJ170658.6bff8b19-3cd5-41a0-bbf9-ff65532d5aae(ja-jp,VS.120).png

  4. [色リソースの作成] ダイアログ ボックスで、新しいリソースの名前 (キー) を入力し、リソースの定義先 (アプリケーション レベル、ドキュメント レベル、オブジェクト レベル、またはリソース ディクショナリの一部として) を選択して、[OK] をクリックします。

  5. [リソース] パネルで作成した色リソースは、ブラシ リソースと同じように表示および変更できます。

色リソースを他のオブジェクトに適用するには

  1. 色リソースを適用するオブジェクトを選択します。

  2. [プロパティ] パネルの [ブラシ] で、変更するブラシ プロパティを選択します。

  3. [色リソース] タブをクリックします。

  4. [ローカル色リソース] で、オブジェクトに適用する色リソースを選択します。

    選択したオブジェクトの Fill プロパティを Color1 リソースに設定

    JJ170658.5cb88f90-c17a-4dad-be87-b6be7d74f410(ja-jp,VS.120).png

参照

処理手順

Blend でイメージを再利用可能な ImageBrush リソースに変換する

Blend でオブジェクトに属性をコピーまたは適用する

Blend でグラデーション境界を追加または削除する