Compartir a través de


Colaboración con Expression Blend

Expression Blend es una herramienta de diseño profesional utilizada para crear experiencias de usuario atractivas y conectadas a la Web para Windows. Con WPF Designer for Visual Studio y Expression Blend, programadores y diseñadores pueden colaborar para crear experiencias de usuario atractivas.

Esta colaboración está habilitada por un formato de archivo compartido (XAML), y por un formato de solución y proyecto compartidos. Esto significa que los diseñadores profesionales que usan Expression Blend pueden abrir y editar proyectos de WPF creados en Visual Studio y que los desarrolladores pueden abrir y editar proyectos de WPF creados en Expression Blend.

Escenarios de colaboración característicos

Puede dividir el desarrollo de software y las tareas de diseño gráfico de maneras diferentes. El escenario que elija depende de varios factores, como la complejidad del proyecto y los conocimientos del diseñador y del programador. Entre los posibles escenarios se incluyen los siguientes.

  • Simple

  • Tradicional

  • Primero el programador

  • Primero el diseñador

  • Híbrido

Simple

En el escenario simple, hay un único diseñador o programador que usa tanto Visual Studio como Expression Blend.

En muchos casos, el programador y el diseñador son la misma persona. En este escenario, Visual Studio y Expression Blend se instalan en el mismo equipo. Puede crear su proyecto de WPF utilizando cualquier producto. Puede que le resulte útil tener abiertos Visual Studio y Expression Blend simultáneamente.

Nota

Puede tener el mismo archivo de proyecto abierto en Expression Blend y en Visual Studio al mismo tiempo y en el mismo equipo. Cuando guarde un cambio en un archivo en una herramienta, aparecerá un cuadro de diálogo de notificación cuando pase a la otra herramienta que le preguntará si desea volver a cargar el archivo.

Tradicional

En el escenario tradicional, el diseñador crea un boceto mediante una herramienta que conozca y el programador utiliza Expression Blend y Visual Studio.

En este escenario, el diseñador exporta el boceto como una imagen (por ejemplo, un archivo .jpg) y se lo da al programador. El programador utiliza Expression Blend y Visual Studio para volver a crear el boceto.

Este escenario funciona bien cuando el diseñador no está familiarizado con Expression Blend y el programador se siente cómodo usando Expression Blend.

Primero el programador

En el escenario de primero el programador, el programador crea el proyecto de WPF con Visual Studio y utiliza WPF Designer para definir el diseño de ventanas y controles.

Una vez comprobado el proyecto en control de código fuente, el diseñador puede abrirlo con Expression Blend y aplicar estilo a ventanas y controles. El programador y el diseñador pueden trabajar en el mismo proyecto; el programador creará la lógica de la aplicación y el diseñador los recursos de la presentación simultáneamente.

Este escenario funciona bien cuando el diseñador está un poco familiarizado con Expression Blend. Además, este escenario favorece el buen diseño porque los elementos están basados en el control u objeto adecuados. Por ejemplo, un error común del diseñador es dibujar un rectángulo u otro elemento estático para representar un botón, en lugar de aplicar un estilo a un control de botón. El inconveniente de este escenario es que el diseñador puede eliminar elementos o realizar cambios que pueden interrumpir el código que el programador haya escrito anteriormente.

Primero el diseñador

En el escenario de primero el diseñador, el diseñador crea el proyecto de WPF y define el diseño de ventanas y controles con Expression Blend.

Una vez comprobado el proyecto en control de código fuente, el programador puede abrirlo con Visual Studio y crear la lógica de la aplicación. El programador y el diseñador pueden trabajar en el mismo proyecto simultáneamente.

Este escenario funciona bien cuando el diseñador tiene experiencia con Expression Blend y entiende los controles y los fundamentos de la programación. El inconveniente de este escenario es que es necesario que el diseñador trabaje más y necesita más tiempo para crear los diseños.

Híbrido

En el escenario híbrido, un diseñador crea fragmentos XAML que el programador importa en el proyecto.

El diseñador utiliza Expression Blend para crear estilos y plantillas para los elementos de la interfaz de usuario y los empaqueta en diccionarios de recursos. El programador importa los recursos en Visual Studio y los aplica a la interfaz de usuario.

Este escenario funciona bien para los proyectos grandes y cuando hay varios diseñadores gráficos. La ventaja de este escenario es que el programador tiene más control sobre los archivos de proyecto y puede importar recursos durante el desarrollo de forma incremental.

Vea también

Conceptos

Información general sobre WPF y Silverlight Designer

Otros recursos

WPF Designer