XAML WPF 描画ブラシとリソース ディクショナリにエクスポート

XAML Windows Presentation Foundation (WPF) リソース ディクショナリに、Microsoft Expression Design アートワークを描画ブラシとして保存し、Microsoft Expression Blend プロジェクトにインポートできます。Expression Blend プロジェクトでは、描画ブラシを使用してオブジェクトを描画できます。たとえば、Expression Design でボタンの外観に使用するアートワークを作成し、Expression Blend にエクスポート可能なリソース ディクショナリにブラシ リソースとしてアートワークをエクスポートできます。リソース ディクショナリを Expression Blend にインポートする方法の詳細については、『Expression Blend ユーザー ガイド』を参照してください。

また、XAML WPF リソース ディクショナリに、アートワークの 1 つまたは複数のスライスを個別の XAML ブラシ リソースとしてエクスポートすることもできます。

リソース ディクショナリは、アプリケーション固有の外観を構成するすべてのリソースを 1 つのファイルに含めることができるので便利です。Expression Blend では、任意の WPF プロジェクトにリソース ディクショナリを追加でき、このリソース ディクショナリ内のブラシ リソースを、プロジェクト内の任意のオブジェクトのブラシ プロパティに適用できます。

メモ :
エクスポートした XAML コード内の色は RGB に基づいており、カラー マネジメントは適用されていません。カスタムのカラー モニター プロファイルを使用している場合は、Expression Design で表示される色と、最終的に XAML の編集に使用するソフトウェアで表示される色が異なることがあります。

XAML WPF リソース ディクショナリでアートをブラシ リソースとしてエクスポートするには

1. [ファイル] メニューで [エクスポート] をクリックします。[エクスポート] ダイアログ ボックスで、アートワークがプレビュー ウィンドウに表示されます。

2. [エクスポートするアイテム] で、次のオプションのいずれかを選択します。

   • [ドキュメント全体]   Expression Design ドキュメント内のすべてのアートワークをリソース ディクショナリのブラシ リソースとして自動的にエクスポートするには、このオプションを選択します。

   • [選択したオブジェクト]   [エクスポート] ダイアログ ボックスを開く前に選択したオブジェクトのみをエクスポートするには、このオプションを選択します。

   • [スライス]   アートワークのスライスを複数の出力ファイルと出力形式でエクスポートするには、このオプションを選択します。スライスは、[エクスポート] ダイアログ ボックスを開く前に構成されます。プレビュー ウィンドウで各スライスが個別に表示され、スライスごとに異なるエクスポート設定を指定できます。また、[スライスのコンテンツ] ドロップダウン ボックスを使用して、スライスのオブジェクトの表示と非表示を切り替えることができます。詳細については、「スライスの使用」を参照してください。

3. [エクスポート] ダイアログ ボックスの [形式] リストで、次のいずれかを選択します。

   • [XAML WPF リソース ディクショナリ]   ドキュメント全体または選択したオブジェクトをエクスポートする場合に、このオプションを選択します。このオプションを選択すると、[グループ化] プロパティで、1 つのレイヤーに対して 1 つのリソース (レイヤー)、トップレベル オブジェクトに対して 1 つのリソース (オブジェクト)、ドキュメント全体または選択したオブジェクトに対して 1 つのリソース (ドキュメント) をエクスポートするよう設定できます。たとえば、ドキュメント内の各レイヤーが、後で使用する Expression Blend プロジェクトでそれぞれボタンを表すように設定する場合は、[レイヤー] を選択します。

   • [XAML WPF 描画ブラシ]   スライスをエクスポートする場合は、スライスごとにこのオプションを選択します。[形式] プロパティを設定する前に、Shift キーを使用して複数のスライスを選択し、[形式] プロパティを複数のスライスに設定できます。

     メモ :
     Expression Design では、スライスごとに描画ブラシを作成することを前提としていません。たとえば、スライスを PNG 形式でエクスポートし、この PNG ファイルを XAML WPF リソース ディクショナリ コンテナーにエクスポートするとします。PNG ファイルは、エクスポートしたリソース ディクショナリ ファイルと同じディレクトリ内のサブフォルダーにエクスポートされ、PNG ファイルは描画ブラシ リソースではなくイメージ ブラシ リソースとして参照されます。Expression Blend プロジェクトでは、描画ブラシ リソースと同じように、イメージ ブラシ リソースを使用してオブジェクトを描画できます。

     [コンテナー名] の横のリストから [XAML WPF リソース ディクショナリ] コンテナーを選択し、[コンテナー名] テキスト ボックスにリソース ディクショナリ名を入力します。コンテナーを選択しない場合は、各スライスは個別のリソース ディクショナリのブラシ リソースとしてエクスポートされます。

4. [ライブ エフェクト] でブラシ リソースの次の設定を調整します。

   • [すべてをラスタライズ]   アートワークに適用されたすべてのライブ エフェクトをラスタライズ (ビットマップ イメージに変換) するには、このオプションを選択します。このオプションは、アートワークの外観を最大限保持するために有効です。

   • [XAML エフェクトへの変換]   すべてのライブ エフェクトを XAML でサポートされるエフェクトに変換するには、このオプションを選択します。XAML でサポートされていないライブ エフェクトはラスタライズされます。

   メモ :
   スライスをブラシ リソースとしてエクスポートする場合は、スライスごとに次のプロパティを設定する必要があります。

5. [ファイル名] の横に、リソース ディクショナリの名前を入力します。

   メモ :
   スライスをエクスポートする場合は、[ファイル名] フィールドは表示されません。これは、エクスポートされるブラシ リソースのファイル名としてスライス名が使用されるためです。

6. [場所] の横に、出力ファイルを保存する場所へのパスを入力するか、場所を参照して指定します。

7. [すべてをエクスポート] をクリックして、ファイルをエクスポートします。スライスをエクスポートする場合に、一部のスライスのみをエクスポートするには、プレビュー ウィンドウで Shift キーを押しながら複数のスライスを選択し、[すべてをエクスポート] の横にあるドロップダウン矢印をクリックして、[選択されたスライスをエクスポート] をクリックします。または、実際にスライスをエクスポートせずに、各スライスのエクスポートのプロパティに加えた変更を保存するには、[すべてをエクスポート] の横にあるドロップダウン ボックスの矢印をクリックし、[設定を保存して閉じる] を選択します。

   [場所] プロパティで指定したパスにリソース ディクショナリがエクスポートされ、<resource_name>_files という名前のサブフォルダーに、サポートされているすべてのアートワークがエクスポートされます。リソース ディクショナリを Expression Blend プロジェクトに追加すると、Expression Blend によって <resource_name>_files フォルダーも自動的にインポートされます。

関連項目

タスク

ドキュメント サイズの変更
スライスのエクスポート

参照

印刷とエクスポートのオプション

その他のリソース

ライブ エフェクトの適用
スライスの使用
ビットマップ イメージ

Copyright ©2010 by Microsoft Corporation.All rights reserved.