チュートリアル : デザイン時の Windows フォームでの Windows Presentation Foundation コンテンツの割り当て
更新 : 2007 年 11 月
このチュートリアルでは、フォームに表示する Windows Presentation Foundation (WPF) コントロール型を選択する方法について説明します。プロジェクトに含まれている WPF コントロール型ならどれでも選択できます。
このチュートリアルでは次のタスクを行います。
プロジェクトを作成します。
WPF コントロール型を作成します。
WPF コントロールを選択します。
メモ : |
---|
使用している設定またはエディションによっては、表示されるダイアログ ボックスやメニュー コマンドがヘルプに記載されている内容と異なる場合があります。設定を変更するには、[ツール] メニューの [設定のインポートとエクスポート] をクリックします。詳細については、「Visual Studio の設定」を参照してください。 |
前提条件
このチュートリアルを完了するには、次のコンポーネントが必要です。
- Visual Studio 2008
プロジェクトの作成
まず、Windows フォーム プロジェクトを作成します。
メモ : |
---|
WPF コンテンツをホストする場合は、C# プロジェクトと Visual Basic プロジェクトのみがサポートされます。 |
プロジェクトを作成するには
- SelectingWpfContent という名前の新しい Windows フォーム プロジェクトを Visual Basic または Visual C# で作成します。詳細については、「方法 : Windows アプリケーション プロジェクトを作成する」を参照してください。
WPF コントロール型の作成
プロジェクトに追加した WPF コントロール型は、さまざまな ElementHost コントロールでホストできます。
WPF コントロール型を作成するには
新しい WPF UserControl をプロジェクトに追加します。名前はこのコントロール型の既定である UserControl1.xaml を使用します。詳細については、「チュートリアル : デザイン時における Windows フォーム上での新しい Windows Presentation Foundation コンテンツの作成」を参照してください。
デザイン ビューで UserControl1 が選択されていることを確認します。詳細については、「方法 : デザイン画面上で要素を選択して移動する」を参照してください。
System.Windows.Controls.TextBox コントロールを UserControl に追加し、Text プロパティの値を Hosted Content に設定します。
WPF UserControl をプロジェクトにもう 1 つ追加します。名前はこのコントロール型の既定である UserControl2.xaml を使用します。
System.Windows.Controls.TextBox コントロールを UserControl に追加し、Text プロパティの値を Hosted Content 2 に設定します。
メモ 一般的には、さらに高度な WPF コンテンツを使用します。ここでは、System.Windows.Controls.TextBox コントロールを説明する目的でのみ使用しています。
- プロジェクトをビルドします。
WPF コントロールの選択
既にコンテンツをホストしている ElementHost コントロールにさまざまな WPF コンテンツを割り当てることができます。
WPF コントロールを選択するには
Windows フォーム デザイナで Form1 を開きます。
[ツールボックス] で UserControl1 をダブルクリックして、フォームに UserControl1 のインスタンスを作成します。
UserControl1 のインスタンスは、elementHost1 という名前の ElementHost コントロールでホストされます。
elementHost1 のスマート タグ パネルで、[ホストするコンテンツの選択] ドロップダウン リストを開きます。
ドロップダウン リストの [UserControl2] をクリックします。
これで、elementHost1 コントロールが UserControl2 型のインスタンスをホストするようになりました。
[プロパティ] ウィンドウで、Child プロパティが [UserControl2] に設定されていることを確認します。
[ツールボックス] の [WPF 相互運用機能] から、ElementHost コントロールをフォームにドラッグします。
新しい名前として、このコントロールの既定である elementHost2 を使用します。
elementHost2 のスマート タグ パネルで、[ホストするコンテンツの選択] ドロップダウン リストを開きます。
ドロップダウン リストの [UserControl1] をクリックします。
これで、elementHost2 コントロールが UserControl1 型のインスタンスをホストするようになりました。