ブラシ リソースまたは色リソースの作成
.png "このページは WPF および Silverlight 2 に適用されます")
再利用可能なブラシまたは色を作成し、他のオブジェクトに適用できます。リソースは 1 つの場所で変更できるため、属性をコピーおよび適用するよりも多くのメリットがあります。リソースを変更すると、そのリソースを使用するすべてのオブジェクトが瞬時に更新されます。
.gif "メモ") メモ : |
|---|
Microsoft Expression Blend では、さまざまな方法でリソースを作成できます。このトピックでは、ブラシ リソースおよび色リソースを作成する方法について説明していますが、リソースはほとんどのプロパティから作成できます。さらに、コントロールに適用できるスタイル リソースまたはテンプレート リソースを作成し、コントロールの外観または動作を瞬時に変更することもできます。追加のリソースの種類を作成する方法については、「リソースの概要」を参照してください。プロジェクト内で使用されているすべてのリソースは、[リソース] パネルで確認できます。 |
ブラシ リソースを作成するには
リソースに変換するブラシ プロパティを持つオブジェクトがアートボードにない場合は、ツールボックスから[楕円]
.png "Cc294725.8938cfdf-9b75-4a33-bc88-b0636e114a0d(ja-jp,Expression.10).png")
ツールを選択し、アートボードに楕円を描画します。プロパティ パネルに新しい楕円オブジェクトのプロパティが表示され、[ブラシ] で Fill プロパティが選択されています。[プロパティ] パネルの [ブラシ] で、[単色ブラシ]
.png "Cc294725.3a66ec96-47bb-47fc-8876-6b9456feec3a(ja-jp,Expression.10).png")
、[グラデーション ブラシ] .png "Cc294725.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(ja-jp,Expression.10).png")
、または [タイル ブラシ] .png "Cc294725.14623a18-70ab-450f-af01-ae9902d60e4d(ja-jp,Expression.10).png")
タブをクリックして、ブラシのプロパティの設定を開始します。ブラシを保存する準備ができたら、[ブラシをリソースに変換]
.png "Cc294725.c8731c39-2e16-47f5-acf0-1c92a8a5381e(ja-jp,Expression.10).png")
ボタンをクリックします。ブラシをリソースに変換
.png "Cc294725.fdc0c10a-e13a-46cd-8cf8-42189fd20550(ja-jp,Expression.10).png")
[ブラシ リソースの作成] ダイアログ ボックスが表示されます
.png "Cc294725.092a1fec-f5b5-427c-a51e-aae1f6a1eee2(ja-jp,Expression.10).png")
[ブラシ リソースの作成] ダイアログ ボックスで、新しいリソースの名前 (キー) を入力し、リソースの定義先 (アプリケーション レベル、ドキュメント レベル、オブジェクト レベル、またはリソース ディクショナリの一部として) を選択して、[OK] をクリックします。
[リソース] パネルで作成したブラシ リソースを表示および変更できます。
[リソース] パネルでブラシ リソースを表示および変更
.png "Cc294725.64136c65-52bc-4225-a948-b1171634baca(ja-jp,Expression.10).png")
ブラシ リソースを他のオブジェクトに適用するには
ブラシ リソースを適用するオブジェクトを選択します。
[プロパティ] パネルの [ブラシ] で、変更するブラシ プロパティを選択します。
[ブラシ リソース]
.png "Cc294725.415db740-5a54-48d2-8678-245ccfa7ee8b(ja-jp,Expression.10).png")
タブをクリックします。[ローカル ブラシ リソース] で、オブジェクトに適用するブラシ リソースを選択します。
選択したオブジェクトの Fill プロパティを Brush1 リソースに設定
.png "Cc294725.af28e5e4-4861-45ac-b02d-e65386520ed7(ja-jp,Expression.10).png")
メモ :リソースをオブジェクトに適用する方法は他にもあります。たとえば、リソースをアートボードにドラッグしたり、[詳細プロパティ オプション]
.png "Cc294725.d6ba8f4a-b8a2-445a-af0b-a267dfade6e1(ja-jp,Expression.10).png")
] メニューを使用したりします。詳細については、「リソースの適用と削除」を参照してください。
色リソースを作成するには
リソースに変換する色プロパティを持つオブジェクトがアートボードにない場合は、ツールボックスから[楕円]
ツールを選択し、アートボードに楕円を描画します。[プロパティ] パネルに新しい楕円オブジェクトのプロパティが表示され、[ブラシ] で Fill プロパティが選択されています。[プロパティ] パネルの [ブラシ] で、[単色ブラシ]
または [グラデーション ブラシ] タブをクリックします。カラー エディタで色を選択します。[グラデーション ブラシ] を変更する場合は、グラデーション境界 .png "Cc294725.d45e017e-3123-4fc1-9d99-e87b4e3e2202(ja-jp,Expression.10).png")
ごとに色を選択できます。.gif "ヒント")
ヒント :[単色ブラシ
] または [グラデーション ブラシ] でグラデーション境界を変更する場合は、カラー エディタ の右下隅に [スポイト] .png "Cc294725.2ab2d2fb-3478-4b33-87fb-3cdeb9df4d52(ja-jp,Expression.10).png")
が表示されます。このスポイトを選択すると、デスクトップのどこからでもカラー サンプルを取得し、選択したブラシにその色を適用できます。[グラデーション ブラシ] を変更するときは、[グラデーションのスポイト] を選択し、Microsoft Expression Blend アプリケーション ウィンドウ内の任意の場所の色のサンプルでまっすぐドラッグし、通過した色をブラシに適用します。Esc キーを押せば、いつでもスポイトの操作をキャンセルできます。色を保存する準備ができたら、[色をリソースに変換]
.png "Cc294725.6bf68607-add8-4d87-b6f4-100c8f05dd17(ja-jp,Expression.10).png")
ボタンをクリックします。色をリソースに変換
.png "Cc294725.89203705-cf66-46e0-b153-52a23cd744f7(ja-jp,Expression.10).png")
[色リソースの作成] ダイアログ ボックスが表示されます
.png "Cc294725.6bff8b19-3cd5-41a0-bbf9-ff65532d5aae(ja-jp,Expression.10).png")
[色リソースの作成] ダイアログ ボックスで、新しいリソースの名前 (キー) を入力し、リソースの定義先 (アプリケーション レベル、ドキュメント レベル、オブジェクト レベル、またはリソース ディクショナリの一部として) を選択して、[OK] をクリックします。
[リソース] パネルで作成した色リソースは、ブラシ リソースと同じように表示および変更できます。
色リソースを他のオブジェクトに適用するには
色リソースを適用するオブジェクトを選択します。
[プロパティ] パネルの [ブラシ] で、変更するブラシ プロパティを選択します。
[色リソース] タブをクリックします。
[ローカル色リソース] で、オブジェクトに適用する色リソースを選択します。
選択したオブジェクトの Fill プロパティを Color1 リソースに設定
.png "Cc294725.5cb88f90-c17a-4dad-be87-b6be7d74f410(ja-jp,Expression.10).png")