次の方法で共有


チュートリアル: デザイン時に Windows フォームに WPF コンテンツを割り当てる

この記事では、フォームに表示する Windows Presentation Foundation (WPF) コントロールの種類を選択する方法について説明します。 プロジェクトに含まれる任意の WPF コントロールの種類を選択できます。

[前提条件]

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

プロジェクトを作成する

Visual Studio を開き、SelectingWpfContentという名前の Visual Basic または Visual C# で新しい Windows フォーム アプリケーション プロジェクトを作成します。

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

WPF コントロール型を作成する

WPF コントロール型をプロジェクトに追加した後は、異なる ElementHost コントロールでホストできます。

  1. 新しい WPF UserControl プロジェクトをソリューションに追加します。 コントロールの種類に既定の名前を使用 UserControl1.xaml。 詳細については、「チュートリアル: デザイン時に Windows フォームに新しい WPF コンテンツを作成するを参照してください。

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

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

  4. System.Windows.Controls.TextBox コントロールを UserControl に追加し、Text プロパティの値を Hosted Contentに設定します。

  5. プロジェクトに 2 つ目の WPF UserControl を追加します。 コントロールの種類に既定の名前を使用 UserControl2.xaml

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

  7. System.Windows.Controls.TextBox コントロールを UserControl に追加し、Text プロパティの値を Hosted Content 2に設定します。

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

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

WPF コントロールを選択する

既にコンテンツをホストしている ElementHost コントロールに異なる WPF コンテンツを割り当てることができます。

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

  2. ツールボックスで、UserControl1 をダブルクリックして、フォームに UserControl1 のインスタンスを作成します。

    UserControl1 のインスタンスは、ElementHostという名前の新しい elementHost1 コントロールでホストされます。

  3. elementHost1のスマート タグ パネルで、の[ホストされているコンテンツの選択]ドロップダウンリストを開いてください。

  4. ドロップダウン リスト ボックス UserControl2 を選択します。

    elementHost1 コントロールは、UserControl2 型のインスタンスをホストするようになりました。

  5. プロパティ ウィンドウで、 プロパティが UserControl2に設定されていることを確認します。

  6. ツールボックスWPF 相互運用性 グループで、ElementHost コントロールをフォームにドラッグします。

    新しいコントロールの既定の名前は elementHost2です。

  7. elementHost2のスマート タグ パネルで、の[ホストされているコンテンツの選択]ドロップダウンリストを開いてください。

  8. ドロップダウン リストから UserControl1 選択します。

  9. elementHost2 コントロールは、UserControl1 型のインスタンスをホストするようになりました。

こちらも参照ください