Tutorial: Hospedar un control de usuario de formularios Windows Forms mediante WPF Designer

Artículo
10/07/2008

Actualización: noviembre 2007

En este tutorial se muestra cómo utilizar Windows Presentation Foundation (WPF) Designer for Visual Studio para hospedar un control compuesto de formularios Windows Forms en una aplicación de WPF. Para obtener más información acerca de la interoperabilidad de los formularios Windows Forms y WPF, vea Migración e interoperabilidad.

Entre las tareas que se explican en este tutorial se incluyen las siguientes:

Crear el proyecto.
Crear el control compuesto de formularios Windows Forms.
Hospedar el control de formularios Windows Forms en una aplicación de WPF.

Nota:
Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, dependiendo de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual Studio.

Requisitos previos

Necesita los componentes siguientes para completar este tutorial:

Visual Studio 2008.

Crear el proyecto

El primer paso es crear el proyecto para la aplicación host.

Para crear el proyecto

Cree un proyecto de aplicación de WPF denominado “DemoApplication”. Para obtener más información, vea Cómo: Crear un nuevo proyecto de aplicación de WPF.

Window1.xaml se abrirá en el WPF Designer.
En el Explorador de soluciones, agregue una referencia al ensamblado WindowsFormsIntegration, denominado WindowsFormsIntegration.dll.
En el Explorador de soluciones, agregue una referencia al ensamblado de formularios Windows Forms, denominado System.Windows.Forms.dll.

Crear el control compuesto de formularios Windows Forms

En este procedimiento se muestra cómo crear un control compuesto que ajusta su tamaño al contenido. El control TableLayoutPanel y la propiedad AutoSize proporcionan la función de diseño dinámico de control. Para obtener más información, vea TableLayoutPanel (Control, formularios Windows Forms).

Para crear el control compuesto de formularios Windows Forms

Agregue un nuevo proyecto de biblioteca de controles de formularios Windows Forms denominado "DemoControlLibrary" a la solución. Para obtener más información, vea Cómo: Agregar y quitar elementos de una solución.

Se abre UserControl1 en el Diseñador de Windows Forms.
En el Cuadro de herramientas, haga doble clic en el control TableLayoutPanel. Se muestra un control TableLayoutPanel en la superficie de diseño.
Seleccione Quitar la última fila en el menú de etiquetas inteligentes Tareas de TableLayoutPanel.
En la ventana Propiedades, establezca el valor de la propiedad Dock en Fill.
En el Cuadro de herramientas, agregue un control Label a la primera celda del control TableLayoutPanel.
En la ventana Propiedades, establezca las siguientes propiedades para el control Label:

Propiedad

Valor

AutoSize

True

Dock

Fill

Margin

0,0,0,0

Text

Enter Date:

TextAlign

MiddleCenter
En el Cuadro de herramientas, agregue un control MaskedTextBox a la segunda celda del control TableLayoutPanel.
Haga clic en el glifo de etiqueta inteligente () en el control MaskedTextBox y seleccione Establecer máscara en el menú Tareas de MaskedTextBox.

Aparece el cuadro de diálogo Máscara de entrada.
En la columna Descripción de la máscara, seleccione Fecha corta y haga clic en el botón Aceptar.
En la parte superior de la ventana Propiedades, seleccione el control TableLayoutPanel en la lista desplegable.
Establezca el valor de la propiedad AutoSize en true.
En la parte superior de la ventana Propiedades, seleccione UserControl1.
Establezca el valor de la propiedad AutoSize en true y el valor de la propiedad Size en 0,0.

UserControl1 cambia su tamaño para ajustarse al contenido.
En el menú Generar, seleccione Generar solución para generar la solución.

Propiedad	Valor
AutoSize	True
Dock	Fill
Margin	0,0,0,0
Text	Enter Date:
TextAlign	MiddleCenter

Hospedar el control de formularios Windows Forms en WPF

Se utiliza el elemento WindowsFormsHost para hospedar UserControl1 en una aplicación de WPF.

Para hospedar el control de formularios Windows Forms en WPF

En el proyecto DemoApplication del Explorador de soluciones, agregue una referencia al proyecto DemoControlLibrary. Para obtener más información, vea Cómo: Agregar o quitar referencias en Visual Studio (Visual Basic).
Abra el archivo Window1.xaml en WPF Designer.
En la vista XAML, importe el espacio de nombres DemoControlLibrary insertando la asignación de espacio de nombres siguiente en la etiqueta de apertura Window. Para obtener más información, vea Cómo: Importar un espacio de nombres a XAML.
```
xmlns:dc="clr-namespace:DemoControlLibrary;assembly=DemoControlLibrary"
```
Después de la etiqueta de apertura Grid, inserte el código siguiente.
```
<WindowsFormsHost HorizontalAlignment="Left" VerticalAlignment="Top">
    <dc:UserControl1/>
</WindowsFormsHost>
```
Aparece en el diseñador un área que representa el control de formularios Windows Forms hospedado.

Pasos siguientes

También puede hospedar controles de WPF en formularios Windows Forms. Para obtener más información, vea Usar controles de Windows Presentation Foundation.

Vea también

Compartir a través de