Expression Design からエクスポートされた XAML のインポート

  • [アーティクル]

Microsoft Expression Design で作成したアートワークを XAML ファイル形式で保存し、Microsoft Expression Blend で使用することができます。これは、アートワークをアニメーションで使用する場合や、背景イメージなどのユーザー インターフェイス (UI) 要素に変換する場合などに便利な機能です。

Expression Design からアートをエクスポートするには

  1. Expression Design でアート ファイルを開きます(または、[ヘルプ] メニューから Expression Design のサンプルを開きます)。

  2. スライスをエクスポートする場合、[ツール] パネルから [スライス] ツールを選択し、エクスポートするアートワーク領域の周囲に四角形を描画し、[プロパティ] パネルの [スライスの編集] でスライスのプロパティ ([名前] など) を設定します。スライスの詳細については、Expression Design のユーザー ガイド (F1 キーを押すと表示されます) でスライスの作成とエクスポートについてのトピックを参照してください。

  3. [ファイル] メニューの [エクスポート] をクリックします。[エクスポート] ダイアログ ボックスが表示されます。

  4. [エクスポートする項目] で、次のいずれかを選択します。

    • ドキュメント全体   ドキュメント内のすべてのアートがエクスポートされます。

    • 選択したオブジェクト   アートボード上で選択した項目のみがエクスポートされます。

    • スライス   作成したスライスのみがエクスポートされます。表示される各スライスのプロパティを必要に応じて変更できます。

  5. [書式設定] の横にある次のオプションのいずれかをクリックします。

    • XAML Silverlight キャンバス   キャンバス レイアウト パネル内のオブジェクトとして表されるすべてのアートを含む単一の XAML ファイルがエクスポートされます。この XAML ファイルを Expression Blend の Microsoft Silverlight プロジェクトにインポートして、単独のドキュメント (開始 XAML ファイルやプログラムを使用して読み込まれる XAML ファイル) として使用したり、別の XAML ドキュメントにオブジェクトをコピーして貼り付けたりすることができます。

    • XAML WPF 描画ブラシ   描画ブラシ リソースとして表されるすべてのアートを含むリソース ディクショナリがエクスポートされます。この XAML ファイルを Expression Blend の Windows Presentation Foundation (WPF) プロジェクトにインポートし、リソースをプロジェクト内のオブジェクトのブラシ プロパティに適用することができます。

      Cc294508.alert_tip(JA-JP,Expression.30).gifヒント :

      描画ブラシに対して選択した名前が、エクスポート ファイルを使用する Expression Blend プロジェクト内のリソースと重複していないことを確認してください。

    • XAML WPF キャンバス   キャンバス レイアウト パネル内のオブジェクトとして表されるすべてのアートを含む単一の XAML ファイルがエクスポートされます。この XAML ファイルを Expression Blend の WPF プロジェクトにインポートして、単独のドキュメント (開始 XAML ファイルやプログラムを使用して読み込まれる XAML ファイル) として使用したり、別の XAML ドキュメントにオブジェクトをコピーして貼り付けたりすることができます。このファイルを Expression Blend の [デザイン] ビューで開くには、1 つまたは複数のオブジェクトを右クリックし、[ツール] メニューのオプションを選択してオブジェクトからボタンまたはユーザー コントロールを作成します。

    Cc294508.alert_note(JA-JP,Expression.30).gifメモ :

    スライスをエクスポートする場合、ビューアー内の各スライスを選択し、選択したスライスにエクスポート プロパティを設定する必要があります。スライスごとに異なる形式を選択することができます。各スライスは個別のファイルにエクスポートされます。

  6. [Text] オブジェクトを Expression Blend にインポートした後で編集可能にするなど、その他のプロパティを必要に応じて設定します。このダイアログ ボックスのプロパティの詳細については、Expression Design のユーザー ガイドで XAML のトピックを参照してください。

  7. ダイアログ ボックス下部の [場所] で、ファイルのエクスポート先フォルダーのパスを入力します。また、次のオプションを設定します。

    • [ドキュメント全体] または [選択したオブジェクト] を選択した場合、エクスポートするファイル名も入力します。

    • [スライス] を選択した場合、レイアウト パネルを選択してすべてのオブジェクトを含めることもできます。

  8. [すべてエクスポート] をクリックして、ファイルをエクスポートします。

Expression Blend にアートをインポートするには

  1. Expression Blend でプロジェクトを開き、[プロジェクト] メニューの [既存のアイテムを追加] をクリックします。

  2. [既存のアイテムを追加] ダイアログ ボックスで、エクスポートした 1 つまたは複数の XAML ファイルを参照して選択し、[開く] をクリックします。

    Cc294508.alert_note(JA-JP,Expression.30).gifメモ :

    エクスポートした XAML Silverlight キャンバスのみを Silverlight プロジェクトにインポートできます。

    ファイルが [プロジェクト] パネルに追加されます。エクスポートしたアートが XAML WPF 描画ブラシ形式の場合、[リソース] パネルにも表示されます。

  3. インポートしたアセットをアートボードに追加するには、次のいずれかの操作を行います。

    • [XAML Silverlight キャンバス] オプションを選択した場合は、ドキュメントを追加するか、またはオブジェクトを別の XAML ドキュメントにコピーして貼り付けることができます。

    • [XAML WPF 描画ブラシ] を選択した場合、リソースをプロジェクト内のオブジェクトのブラシ プロパティに適用します。たとえば、DrawingBrush リソースを TextBlock オブジェクトにドラッグし、Background プロパティとして設定します。

      Cc294508.496874e2-379b-428a-a9bb-7264dc496036(JA-JP,Expression.30).png

      リソースの適用方法の詳細については、「リソースの適用と削除」を参照してください。

      Cc294508.alert_tip(JA-JP,Expression.30).gifヒント :

      インポートした描画ブラシ リソースの名前が Expression Blend プロジェクト内のリソースと重複していないことを確認してください。[リソース] パネル内のリソース オブジェクトの名前を変更するには、オブジェクト名を右クリックし、[名前の変更] を選択します。

    • [XAML WPF キャンバス] を選択した場合は、ドキュメントに追加してそのドキュメントをアプリケーションのスタートアップ ページとして使用したり (「プロジェクトのスタートアップ ドキュメントの設定」を参照)、オブジェクトを別の XAML ドキュメントにコピーして貼り付けることができます。このファイルを Expression Blend の [デザイン] ビューで開くには、1 つまたは複数のオブジェクトを右クリックし、ボタンまたはユーザー コントロールを作成します。ボタンの作成方法については「既存のオブジェクトからのコントロールの作成」を参照し、ユーザー コントロールの作成方法については「既存のオブジェクトからのユーザー コントロールの作成」を参照してください。