チュートリアル: Windows フォームでの 3D WPF 複合コントロールのホスト

[アーティクル]
08/09/2011

このチュートリアルでは、WPF 複合コントロールを作成し、それを ElementHost コントロールを使用して Windows Formsのコントロールおよびフォームでホストする方法を示します。

ここでは、2 つの子コントロールを含む WPF UserControl を実装します。 UserControl は、3 次元 (3-D) の円錐形を表示します。 3-D オブジェクトのレンダリングは、Windows Formsより WPF で行う方がはるかに簡単です。したがって、Windows Formsで WPF UserControl クラスをホストして 3-D グラフィックスを作成することには意味があります。

このチュートリアルでは、以下のタスクを行います。

WPF UserControl の作成
Windows フォームのホストプロジェクトの作成
WPF UserControl のホスト

このチュートリアルで示すタスクの完全なコード一覧については、Windows フォームでの 3-D WPF 複合コントロールのホストのサンプルを参照してください。

必須コンポーネント

このチュートリアルを実行するには、次のコンポーネントが必要です。

Visual Studio 2008。

UserControl の作成

UserControl を作成するには

HostingWpfUserControlInWf という名前の WPF ユーザーコントロールライブラリプロジェクトを作成します。
WPF デザイナーで UserControl1.xaml を開きます。

生成されているコードを次のコードに置き換えます。

このコードでは、2 つの子コントロールを含む System.Windows.Controls.UserControl が定義されています。 1 番目の子コントロールは System.Windows.Controls.Label コントロールで、2 番目は 3-D の円錐形を表示する Viewport3D コントロールです。

<UserControl x:Class="HostingWpfUserControlInWf.UserControl1"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    >

    <Grid>

      <!-- Place a Label control at the top of the view. -->
      <Label 
                HorizontalAlignment="Center" 
                TextBlock.TextAlignment="Center" 
                FontSize="20" 
                Foreground="Red" 
                Content="Model: Cone"/>

      <!-- Viewport3D is the rendering surface. -->
      <Viewport3D Name="myViewport" >

        <!-- Add a camera. -->
        <Viewport3D.Camera>
          <PerspectiveCamera 
                        FarPlaneDistance="20" 
                        LookDirection="0,0,1" 
                        UpDirection="0,1,0" 
                        NearPlaneDistance="1" 
                        Position="0,0,-3" 
                        FieldOfView="45" />
        </Viewport3D.Camera>

        <!-- Add models. -->
        <Viewport3D.Children>

          <ModelVisual3D>
            <ModelVisual3D.Content>

              <Model3DGroup >
                <Model3DGroup.Children>

                  <!-- Lights, MeshGeometry3D and DiffuseMaterial objects are added to the ModelVisual3D. -->
                  <DirectionalLight Color="#FFFFFFFF" Direction="3,-4,5" />

                  <!-- Define a red cone. -->
                  <GeometryModel3D>

                    <GeometryModel3D.Geometry>
                      <MeshGeometry3D 
    Positions="0.293893 -0.5 0.404509  0.475528 -0.5 0.154509  0 0.5 0  0.475528 -0.5 0.154509  0 0.5 0  0 0.5 0  0.475528 -0.5 0.154509  0.475528 -0.5 -0.154509  0 0.5 0  0.475528 -0.5 -0.154509  0 0.5 0  0 0.5 0  0.475528 -0.5 -0.154509  0.293893 -0.5 -0.404509  0 0.5 0  0.293893 -0.5 -0.404509  0 0.5 0  0 0.5 0  0.293893 -0.5 -0.404509  0 -0.5 -0.5  0 0.5 0  0 -0.5 -0.5  0 0.5 0  0 0.5 0  0 -0.5 -0.5  -0.293893 -0.5 -0.404509  0 0.5 0  -0.293893 -0.5 -0.404509  0 0.5 0  0 0.5 0  -0.293893 -0.5 -0.404509  -0.475528 -0.5 -0.154509  0 0.5 0  -0.475528 -0.5 -0.154509  0 0.5 0  0 0.5 0  -0.475528 -0.5 -0.154509  -0.475528 -0.5 0.154509  0 0.5 0  -0.475528 -0.5 0.154509  0 0.5 0  0 0.5 0  -0.475528 -0.5 0.154509  -0.293892 -0.5 0.404509  0 0.5 0  -0.293892 -0.5 0.404509  0 0.5 0  0 0.5 0  -0.293892 -0.5 0.404509  0 -0.5 0.5  0 0.5 0  0 -0.5 0.5  0 0.5 0  0 0.5 0  0 -0.5 0.5  0.293893 -0.5 0.404509  0 0.5 0  0.293893 -0.5 0.404509  0 0.5 0  0 0.5 0  " 
    Normals="0.7236065,0.4472139,0.5257313  0.2763934,0.4472138,0.8506507  0.5308242,0.4294462,0.7306172  0.2763934,0.4472138,0.8506507  0,0.4294458,0.9030925  0.5308242,0.4294462,0.7306172  0.2763934,0.4472138,0.8506507  -0.2763934,0.4472138,0.8506507  0,0.4294458,0.9030925  -0.2763934,0.4472138,0.8506507  -0.5308242,0.4294462,0.7306172  0,0.4294458,0.9030925  -0.2763934,0.4472138,0.8506507  -0.7236065,0.4472139,0.5257313  -0.5308242,0.4294462,0.7306172  -0.7236065,0.4472139,0.5257313  -0.858892,0.429446,0.279071  -0.5308242,0.4294462,0.7306172  -0.7236065,0.4472139,0.5257313  -0.8944269,0.4472139,0  -0.858892,0.429446,0.279071  -0.8944269,0.4472139,0  -0.858892,0.429446,-0.279071  -0.858892,0.429446,0.279071  -0.8944269,0.4472139,0  -0.7236065,0.4472139,-0.5257313  -0.858892,0.429446,-0.279071  -0.7236065,0.4472139,-0.5257313  -0.5308242,0.4294462,-0.7306172  -0.858892,0.429446,-0.279071  -0.7236065,0.4472139,-0.5257313  -0.2763934,0.4472138,-0.8506507  -0.5308242,0.4294462,-0.7306172  -0.2763934,0.4472138,-0.8506507  0,0.4294458,-0.9030925  -0.5308242,0.4294462,-0.7306172  -0.2763934,0.4472138,-0.8506507  0.2763934,0.4472138,-0.8506507  0,0.4294458,-0.9030925  0.2763934,0.4472138,-0.8506507  0.5308249,0.4294459,-0.7306169  0,0.4294458,-0.9030925  0.2763934,0.4472138,-0.8506507  0.7236068,0.4472141,-0.5257306  0.5308249,0.4294459,-0.7306169  0.7236068,0.4472141,-0.5257306  0.8588922,0.4294461,-0.27907  0.5308249,0.4294459,-0.7306169  0.7236068,0.4472141,-0.5257306  0.8944269,0.4472139,0  0.8588922,0.4294461,-0.27907  0.8944269,0.4472139,0  0.858892,0.429446,0.279071  0.8588922,0.4294461,-0.27907  0.8944269,0.4472139,0  0.7236065,0.4472139,0.5257313  0.858892,0.429446,0.279071  0.7236065,0.4472139,0.5257313  0.5308242,0.4294462,0.7306172  0.858892,0.429446,0.279071  "                   TriangleIndices="0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 " />
                    </GeometryModel3D.Geometry>

                    <GeometryModel3D.Material>
                      <DiffuseMaterial>
                        <DiffuseMaterial.Brush>
                          <SolidColorBrush 
                            Color="Red" 
                            Opacity="1.0"/>
                        </DiffuseMaterial.Brush>
                      </DiffuseMaterial>
                    </GeometryModel3D.Material>

                  </GeometryModel3D>

                </Model3DGroup.Children>
              </Model3DGroup>

            </ModelVisual3D.Content>

          </ModelVisual3D>

        </Viewport3D.Children>

      </Viewport3D>
    </Grid>

</UserControl>

Windows フォームのホストプロジェクトの作成

ホストプロジェクトを作成するには

WpfUserControlHost という名前の Windows アプリケーションプロジェクトをソリューションに追加します。詳細については、「方法 : 新しい WPF アプリケーションプロジェクトを作成する」を参照してください。
ソリューションエクスプローラーで、WindowsFormsIntegration.dll という名前の WindowsFormsIntegration アセンブリへの参照を追加します。
次の WPF アセンブリへの参照を追加します。
- PresentationCore
- PresentationFramework
- WindowsBase
HostingWpfUserControlInWf プロジェクトへの参照を追加します。
ソリューションエクスプローラーで、WpfUserControlHost プロジェクトをスタートアッププロジェクトとして設定します。

Windows Presentation Foundation UserControl のホスト

UserControl をホストするには

Windows フォームデザイナーで、Form1 を開きます。
[プロパティ] ウィンドウで、[イベント] をクリックし、Load イベントをダブルクリックしてイベントハンドラーを作成します。

コードエディターで、新しく生成された Form1_Load イベントハンドラーが開かれます。

Form1.cs 内のコードを次のコードに置き換えます。

Form1_Load イベントハンドラーは、UserControl1 のインスタンスを作成し、ElementHost コントロールの子コントロールのコレクションにそれを追加します。フォームの子コントロールのコレクションには、ElementHost コントロールが追加されます。

Imports System
Imports System.Collections.Generic
Imports System.ComponentModel
Imports System.Data
Imports System.Drawing
Imports System.Text
Imports System.Windows.Forms

Imports System.Windows.Forms.Integration

Public Class Form1
    Inherits Form

    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        ' Create the ElementHost control for hosting the
        ' WPF UserControl.
        Dim host As New ElementHost()
        host.Dock = DockStyle.Fill

        ' Create the WPF UserControl.
        Dim uc As New HostingWpfUserControlInWf.UserControl1()

        ' Assign the WPF UserControl to the ElementHost control's
        ' Child property.
        host.Child = uc

        ' Add the ElementHost control to the form's
        ' collection of child controls.
        Me.Controls.Add(host)
    End Sub

End Class

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;

using System.Windows.Forms.Integration;

namespace WpfUserControlHost
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            // Create the ElementHost control for hosting the
            // WPF UserControl.
            ElementHost host = new ElementHost();
            host.Dock = DockStyle.Fill;

            // Create the WPF UserControl.
            HostingWpfUserControlInWf.UserControl1 uc =
                new HostingWpfUserControlInWf.UserControl1();

            // Assign the WPF UserControl to the ElementHost control's
            // Child property.
            host.Child = uc;

            // Add the ElementHost control to the form's
            // collection of child controls.
            this.Controls.Add(host);
        }
    }
}

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

参照

ElementHost

WindowsFormsHost

概念

チュートリアル: Windows フォームでの WPF 複合コントロールのホスト

チュートリアル: WPF での Windows フォーム複合コントロールのホスト

その他の技術情報

WPF デザイナー

Windows フォームでの WPF 複合コントロールのホストのサンプル

次の方法で共有

チュートリアル: Windows フォームでの 3D WPF 複合コントロールのホスト

必須コンポーネント

UserControl の作成

UserControl を作成するには

Windows フォームのホストプロジェクトの作成

ホストプロジェクトを作成するには

Windows Presentation Foundation UserControl のホスト

UserControl をホストするには

参照

参照

概念

その他の技術情報

その他のリソース

次の方法で共有

チュートリアル: Windows フォームでの 3D WPF 複合コントロールのホスト

必須コンポーネント

UserControl の作成

UserControl を作成するには

Windows フォームのホスト プロジェクトの作成

ホスト プロジェクトを作成するには

Windows Presentation Foundation UserControl のホスト

UserControl をホストするには

参照

参照

概念

その他の技術情報

その他のリソース

Windows フォームのホストプロジェクトの作成

ホストプロジェクトを作成するには