Compartir a través de


Tutorial: Cambiar propiedades de un elemento WPF hospedado en tiempo de diseño

En este tutorial se explica cómo cambiar los valores de las propiedades de un control de Windows Presentation Foundation (WPF) hospedado en un formulario Windows Forms.

En este tutorial realizará las siguientes tareas:

  • Crear el proyecto.

  • Crear el control de WPF.

  • Hospedar los controles de WPF en un formulario Windows Forms.

  • Usar el método WPF Designer for Visual Studio para cambiar los valores de las propiedades.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función de los valores de configuración o de edición activos. Para cambiar la configuración, elija la opción Importar y exportar configuraciones del menú Herramientas. Para obtener más información, vea Trabajar con valores de configuración.

Requisitos previos

Necesita los componentes siguientes para completar este tutorial:

  • Visual Studio 2010.

Creación del proyecto

El primer paso es crear el proyecto de formularios Windows Forms.

Nota

Cuando se hospeda contenido WPF, sólo se admiten proyectos de C# y Visual Basic.

Para crear el proyecto

Crear el control de WPF

Después de agregar un control de WPF al proyecto, puede organizarlo en el formulario.

Para crear controles de WPF

  1. Agregue un nuevo objeto UserControl de WPF al proyecto. Use el nombre predeterminado para el tipo de control, UserControl1.xaml. Para obtener más información, consulte Tutorial: Crear nuevo contenido de WPF en Windows Forms en tiempo de diseño.

  2. En la ventana Propiedades, establezca el valor de la propiedad Background en Azul.

  3. Compile el proyecto.

Cambiar los valores de las propiedades del control de WPF

La etiqueta inteligente ElementHost permite cambiar fácilmente las propiedades de contenido de WPF hospedado mediante el WPF Designer. 

Para hospedar un control de WPF

  1. Abra Form1 en el Diseñador de Windows Forms.

  2. En el Cuadro de herramientas, en la ficha Controles de usuario de WPF, haga doble clic en UserControl1 para crear una instancia de UserControl1 en el formulario.

    La instancia de UserControl1 se hospeda en un nuevo control ElementHost denominado elementHost1.

  3. En el panel de etiquetas inteligentes Tareas de ElementHost, seleccione Editar contenido hospedado.

    Se abre UserControl1.xaml en WPF Designer.

  4. En la ventana Propiedades, establezca el valor de la propiedad Background en Rojo.

  5. Vuelva a compilar el proyecto.

  6. Abra Form1 en el Diseñador de Windows Forms.

    La instancia de UserControl1 tiene un fondo rojo.

Vea también

Tareas

Cómo: Delimitar y acoplar controles secundarios en un control TableLayoutPanel

Cómo: Alinear un control con los bordes de los formularios en tiempo de diseño

Tutorial: Organizar controles en formularios Windows Forms mediante líneas de ajuste

Referencia

ElementHost

WindowsFormsHost

Otros recursos

Migración e interoperabilidad

Utilizar controles WPF

WPF Designer