チュートリアル: デザイン時に Windows フォームに新しい WPF コンテンツを作成する

この記事では、Windows フォーム ベースのアプリケーションで使用する Windows Presentation Foundation (WPF) コントロールを作成する方法について説明します。

[前提条件]

このチュートリアルを完了するには、Visual Studio が必要です。

プロジェクトを作成する

Visual Studio を開き、という名前の Visual Basic または Visual C# で新しい HostingWpf プロジェクトを作成します。

注

WPF コンテンツをホストする場合は、C# プロジェクトと Visual Basic プロジェクトのみがサポートされます。

新しい WPF コントロールを作成する

新しい WPF コントロールを作成してプロジェクトに追加することは、他の項目をプロジェクトに追加するのと同じくらい簡単です。 Windows フォーム デザイナーは、複合コントロールまたはユーザー コントロールという名前の特定の種類のコントロールで動作します。 WPF ユーザー コントロールの詳細については、「 UserControl」を参照してください。

注

WPF の System.Windows.Controls.UserControl 型は、Windows フォームによって提供されるユーザー コントロールの種類とは異なり、 System.Windows.Forms.UserControlとも呼ばれます。

新しい WPF コントロールを作成するには:

1. ソリューション エクスプローラーで、新しい WPF ユーザー コントロール ライブラリ (.NET Framework) プロジェクトをソリューションに追加します。 コントロール ライブラリの既定の名前 ( WpfControlLibrary1) を使用します。 既定のコントロール名は UserControl1.xaml。

   新しいコントロールを追加すると、次の効果があります。

   • UserControl1.xaml ファイルが追加されました。

   • ファイル UserControl1.xaml.cs (またはUserControl1.xaml.vb) が追加されます。 このファイルには、イベント ハンドラーとその他の実装の分離コードが含まれています。

   • WPF アセンブリへの参照が追加されます。

   • Visual Studio 用 WPF デザイナーで UserControl1.xaml ファイルが開きます。

2. デザイン ビューで、UserControl1 が選択されていることを確認します。

3. プロパティ ウィンドウで、Width プロパティと Height プロパティの値を 200に設定します。

4. ツールボックスから、System.Windows.Controls.TextBox コントロールをデザイン サーフェイスにドラッグします。

5. [ プロパティ ] ウィンドウで、 Text プロパティの値を [ホストされたコンテンツ] に設定します。

   注

   一般に、より高度な WPF コンテンツをホストする必要があります。 ここで System.Windows.Controls.TextBox コントロールは説明目的でのみ使用されます。

6. プロジェクトをビルドします。

Windows フォームに WPF コントロールを追加する

新しい WPF コントロールをフォームで使用する準備ができました。 Windows フォームでは、 コントロールを使用して WPF コンテンツをホストします。

WPF コントロールを Windows フォームに追加するには:

1. Windows フォーム デザイナーで Form1 を開きます。

2. ツールボックスで、WPFUserControlLibrary WPF ユーザー コントロールというラベルの付いたタブを見つけます。

3. UserControl1のインスタンスをフォームにドラッグします。

   • ElementHost コントロールは、WPF コントロールをホストするためにフォームに自動的に作成されます。

   • ElementHost コントロールには elementHost1 という名前が付けられ、[プロパティ] ウィンドウで、そのChildプロパティが UserControl1 に設定されていることを確認できます。

   • WPF アセンブリへの参照がプロジェクトに追加されます。

   • elementHost1 コントロールには、使用可能なホスティング オプションを示すスマート タグ パネルがあります。

4. ElementHost Tasks スマート タグ パネルで、親コンテナーで Dock を選択します。

5. F5 押して、アプリケーションをビルドして実行します。

次のステップ

Windows フォームと WPF は異なるテクノロジですが、密接に相互運用するように設計されています。 アプリケーションの外観と動作を豊かにするには、次の操作を試してください。

• WPF ページで Windows フォーム コントロールをホストします。 詳細については、「 チュートリアル: WPF での Windows フォーム コントロールのホスト」を参照してください。

• WPF コンテンツに Windows フォームのビジュアル スタイルを適用します。 詳細については、「 方法: ハイブリッド アプリケーションでビジュアル スタイルを有効にする」を参照してください。

• WPF コンテンツのスタイルを変更します。 詳細については、「 チュートリアル: WPF コンテンツのスタイル設定」を参照してください。

こちらも参照ください

• ElementHost
• WindowsFormsHost
• 移行と相互運用性
• WPF コントロールの使用
• Visual Studio で XAML をデザインする