WPF Designer para desarrolladores de formularios Windows Forms

Actualización: noviembre 2007

Windows Presentation Foundation (WPF) Designer for Visual Studio comparte muchas similitudes con el Diseñador de Windows Forms, pero también difiere en varios aspectos. En este tema se describen algunas de las diferencias y también cómo hacer tareas conocidas en el Diseñador de Windows Forms utilizando WPF Designer.

Hincapié en XAML

La diferencia más obvia entre el Diseñador de formularios Windows Forms y WPF Designer es la vista dividida. La vista dividida permite ver tanto la superficie de diseño como el marcado XAML simultáneamente. WPF Designer hace hincapié en la vista XAML y proporciona una experiencia de edición completa, que incluye IntelliSense, para el XAML de su aplicación. Puede hacer muchas tareas conocidas en el Diseñador de Windows Forms utilizando la vista XAML. La vista dividida proporciona una retroalimentación inmediata, porque muestra los efectos de los cambios en la vista XAML. Para obtener más información sobre la vista dividida, vea Vista dividida: Ver la superficie de diseño de WPF y XAML al mismo tiempo.

También puede utilizar Expression Blend junto a Visual Studio para hacer tareas que no se admiten en WPF Designer.  Para obtener más información, vea Colaboración con Expression Blend.

Mejoras en WPF Designer

Hay una serie de mejoras en WPF Designer que no están disponibles en el Diseñador de Windows Forms. Estas mejoras incluyen:

• Líneas del margen y códigos auxiliares: las líneas del margen que hay alrededor de cada control indican que se ha fijado un margen para ese control. Un código auxiliar de margen indica que no se ha estado establecido ningún margen para ese borde de control.

• Control de zoom: el control de zoom aparece en la esquina superior izquierda de la vista Diseño y permite al programador acercar o alejar la superficie de diseño para realizar ajustes precisos.

• Guías de alineación: mientras que las guías de alineación aparecen tanto en WPF Designer como en el Diseñador de Windows Forms, en WPF Designer muestran también los valores exactos. Además de mostrar la alineación de los controles, las guías de alineación también muestran la alineación del texto de los controles basados en texto. Para obtener más información, vea Cómo: Alinear con márgenes y líneas base del texto.

Tareas del Diseñador de Windows Forms y equivalentes en WPF Designer

En la siguiente tabla se proporciona un mapa para entender cómo se pueden hacer distintas tareas en WPF Designer.

Tarea en el Diseñador de Windows Forms	Equivalente en WPF Designer
Diseño absoluto	Utilice la clase Canvas como elemento raíz.
Ordenación alfabética en la ventana Propiedades	Para buscar una propiedad, utilice el cuadro Buscar en la ventana Propiedades. Para examinar las propiedades, utilice IntelliSense en la vista XAML o en el Editor de código. También puede utilizar el Explorador de objetos.
Delimitación	Utilice el control Grid y las capacidades de delimitación en la vista Diseño para establecer valores de delimitación de destino.
Animación	Utilice Expression Blend.
Icono de aplicación	Establezca la propiedad Icon en la clase Window principal de la aplicación.
Asignar el orden de tabulación	Seleccione cada control y establezca la propiedad TabIndex correspondiente en la vista XAML o en la ventana Propiedades. El orden de tabulación predeterminado es el orden en el que aparecen los controles en el contenedor primario.
Componentes y bandeja de componentes	Los componentes no visuales no aparecen en el Cuadro de herramientas de WPF Designer. Utilice la vista XAML y la asignación de espacio de nombres para hacer referencia a los recursos y los tipos no locales. Para obtener más información, vea Cómo: Importar un espacio de nombres a XAML.
La ventana Orígenes de datos y el enlace de datos	WPF Designer no admite la ventana Orígenes de datos en esta versión. Utilice la vista XAML para definir los orígenes y los enlaces de datos. También puede utilizar Expression Blend para definir los orígenes y enlaces de datos si está enlazando a objetos o XML. Copie y pegue el XAML generado automáticamente en la vista XAML de WPF Designer. También se puede abrir el proyecto en Visual Studio con Expression Blend y crear directamente los recursos.
Declarar y asociar los controladores de eventos	Para el controlador de eventos predeterminado, haga doble clic en el control en la vista Diseño. Para otros eventos, utilice IntelliSense en la vista XAML y seleccione el evento deseado en la lista desplegable. Para obtener más información, vea Cómo: Crear controladores de eventos simples.
Diseñar los menús	Utilice la vista XAML o el Editor de colecciones en la ventana Propiedades en la colección Items y establezca la propiedad Header de cada elemento.
Definir pinceles y colores	Para pinceles complejos, como los de degradado, utilice Expression Blend. Copie y pegue el XAML generado automáticamente en la vista XAML de WPF Designer. También se puede abrir el proyecto en Visual Studio con Expression Blend y crear directamente los recursos.
Eliminar las líneas de la cuadrícula	Utilice la vista XAML para quitar las definiciones de fila o de columna pertinentes, a continuación, arregle las asignaciones Grid.Column o Grid.Row de los controles secundarios afectados que son primarios dentro de Grid.
Mostrar imágenes	Agregue la imagen al proyecto y establezca la acción de compilación en Recurso. Coloque un control Image en la superficie de diseño y establezca su propiedad Source en la ventana Propiedades. Para obtener más información, vea Cómo: Asignar una imagen a un control Image. También puede establecer la imagen de origen utilizando la sintaxis de Pack URI. Para obtener más información, vea URIs de paquete en Windows Presentation Foundation.
Mostrar el control UserControl en el Cuadro de herramientas	Agregue una referencia de proyecto al ensamblado del control de usuario y use IntelliSense en la vista XAML para asignar el atributo xmlns. Puede utilizar también el cuadro de diálogo Elegir elementos del cuadro de herramientas y desplazarse hasta el ensamblado que contiene el control, pero hay limitaciones. Para obtener más información, vea Componentes WPF (Ficha), Elegir elementos del cuadro de herramientas (Cuadro de diálogo).
Distribuir los controles en un formulario	Use el elemento StackPanel
Acoplamiento	Utilice el elemento DockPanel para varios controles. Puede utilizar también Grid y ajustar los controles a los límites de celda de la cuadrícula usando guías de alineación a la cuadrícula.
Proveedor de errores	Sin presentación visual en tiempo de diseño. Utilice la clase Validation en vista XAML. Para obtener más información, vea Cómo: Implementar la validación de enlaces.
Expander	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Frame	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Ir a definición	Abra todos los archivos XAML del proyecto y use la ventana Buscar y reemplazar. Para obtener más información, vea Buscar y reemplazar (Ventana).
Proveedor de ayuda	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Hipervínculo	Utilice la clase Hyperlink dentro del contenido de flujo.
InkCanvas	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Bloqueo	No se admite.
MediaElement	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Teclas de acceso	Preceda el carácter de la tecla de acceso con el carácter de subrayado"_" en lugar del carácter "&".
Lista desplegable del selector de objetos en la ventana Propiedades	Seleccione el objeto en la ventana Esquema del documento, la ficha navegador o la vista Diseño. Para mostrar la ventana Esquema del documento, abra el menú Ver, elija Otras ventanas y seleccione Esquema de documento.
Popup	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Hacer referencia a tipos no locales en XAML	Agregue una referencia de proyecto y utilice IntelliSense en la vista XAML para establecer el atributo xmlns. Para obtener más información, vea Cómo: Importar un espacio de nombres a XAML. Nota: WPF Designer intenta buscar coincidencias basadas en el alias del espacio de nombres tras el atributo xmlns, en lugar de en la sintaxis completa utilizando clr-namespace.
Cambiar el nombre y refactorizar	Abra todos los archivos XAML del proyecto y use la ventana Buscar y reemplazar. Para obtener más información, vea Buscar y reemplazar (Ventana).
Quitar los márgenes	En la vista Diseño, seleccione todos los elementos a los que se quitarán los márgenes. En la ventana Propiedades, escriba 0 para la propiedad Margin.
Cambiar el tamaño de un formulario después de colocar un control	Puesto que cambiar el tamaño de la ventana puede cambiar el tamaño del contenido, utilice el proceso siguiente. Seleccione todos los elementos y después corte. A continuación, cambie el tamaño de la ventana y luego pegue.
Establecer el texto para los controles Button, Label, CheckBox, RadioButton	En la ventana Propiedades, establezca la propiedad Content. Otra posibilidad es establecer el texto en la vista XAML.
Establecer visualmente propiedades complejas, por ejemplo, propiedades de fuentes, recursos, pinceles y colores	Utilice la vista XAML o Expression Blend.
Etiquetas inteligentes	No se admite.
TabControl	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Información sobre herramientas	Sin presentación visual en tiempo de diseño. Utilice la clase ToolTip en vista XAML.
Viewbox	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Herencia visual	No se admite.
WindowsFormsHost	Sin presentación visual en tiempo de diseño. Utilice la vista XAML.
Orden z	Seleccione y mueva la etiqueta de elemento en la vista XAML o seleccione Orden en el menú contextual en la vista Diseño. Utilice la ventana Esquema del documento para confirmar el orden z del elemento.

Vea también

Conceptos

Controles de formularios Windows Forms y controles equivalentes de WPF

Referencia

Referencia de la interfaz de usuario para WPF Designer

Otros recursos

Introducción a WPF Designer