Edición de código e interoperabilidad con Visual Studio 2008

Editar código puede ser una tarea compleja para los diseñadores. Microsoft Expression Blend se ha diseñado para personas creativas. Puede crear aplicaciones completas basadas en Windows Presentation Foundation o en Microsoft Silverlight 1.0 en la vista Diseño de Expression Blend. Además, en los proyectos de Windows Presentation Foundation, puede crear recursos de estilo que puede reutilizar en otros proyectos de Expression Blend. Asimismo, puede importar activos de imágenes y XAML exportados desde Microsoft Expression Design 2, e importar elementos de Silverlight 1.0 generados por Microsoft Expression Encoder 2.

Expression Blend también se ha diseñado teniendo en cuenta el desarrollo en equipo. A menudo, los equipos de desarrollo de software se componen de diseñadores que trabajan en la interfaz de usuario y de programadores que trabajan en el código subyacente de la interfaz de usuario. Por este motivo, Expression Blend incluye características para generar un mínimo de código que se pueda pasar a los desarrolladores, así como características que permiten recuperar código existente como controladores de eventos o controles personalizados que pueden usarse de la misma forma que los controles ya existentes.

¿Qué tareas de proyecto pueden llevarse a cabo en Expression Blend?

• Crear un proyecto para una aplicación basada en Windows Presentation Foundation (.exe) o un control de usuario (.dll); ambos pueden aprovechar las características de Windows Presentation Foundation (WPF) de manera predeterminada.

• Crear un proyecto para una aplicación basada en Silverlight 1.0.

• Agregar un nuevo archivo de Lenguaje de marcado de aplicaciones extensible (XAML) (y su archivo correspondiente de código subyacente) para crear una ventana de nivel superior en la aplicación, un control de usuario, una página navegable dentro de la aplicación o un diccionario de recursos que puede contener estilos reutilizables, plantillas de controles, recursos de pincel, etc.

• Agregar archivos existentes al proyecto o vincular a archivos existentes, como archivos de imagen, XML, vídeo, audio, licencia, código o XAML.

• Agregar referencias a controles personalizados existentes incluidos en archivos .dll (sólo WPF y Silverlight 2). Los controles personalizados también pueden incluirse en archivos de código fuente existentes (.vb o .cs). Después de agregar un control personalizado al proyecto de Expression Blend, puede usarlo de la misma forma que los controles incluidos en Expression Blend. Para obtener un ejemplo de un control personalizado contenido en un archivo .cs, vea Inténtelo: crear un control WPF personalizado.

  Sugerencia:
  Cuando se agregan archivos de código fuente que contienen controles personalizados a un proyecto de Expression Blend, es preciso crear el proyecto para poder ver los controles en la ficha Controles personalizados del Panel biblioteca del Cuadro de herramientas.

• Agregar un nuevo proyecto a una solución (sólo WPF y Silverlight 2). En un proyecto de WPF de Expression Blend 2, puede agregar proyectos o establecer vínculos con proyectos existentes.

• Abrir cualquier archivo que se encuentre en el proyecto. Los archivos XAML se abren en la mesa de trabajo para su edición, los archivos de imagen se pueden insertar en el documento activo y los archivos de sonido y de vídeo se abren en una escala de tiempo de animación. Los archivos de código JavaScript subyacente de los proyectos de Silverlight 1.0 se abren en la mesa de trabajo en un editor de JavaScript. Todos los archivos pueden abrirse en un editor externo asignado al tipo de archivo. Por ejemplo, si hace doble clic en un archivo .xml en Archivos, en el panel Proyecto de Expression Blend, lo más probable es que el archivo se abra en el Bloc de notas. Los archivos de código se abrirán en Microsoft Visual Studio 2008 si está instalado. Para obtener más información, vea Editar un archivo de código subyacente.

• Abrir un proyecto o una solución de Visual Studio 2008 para una aplicación WPF, un sitio Silverlight 1.0 o una aplicación Silverlight 2 y crear la interfaz de usuario.

• Depurar la aplicación mediante su generación (Ctrl+Mayús+B) o ejecución (F5) y resolver los mensajes de error que pueda recibir en el panel Resultados.

Volver al principio

¿Qué se puede crear en Expression Blend sin utilizar código?

• Diseñar el aspecto (interfaz de usuario) de la aplicación mediante la adición y transformación de los elementos del Cuadro de herramientas y la aplicación del estilo con los pinceles y otras propiedades del panel Propiedades. Para obtener más información, vea Controles, Dibujar formas y trazados, Diseño y Apariencia.

• Animar elementos de la aplicación. Para obtener más información, vea Animación.

• Modificar las escalas de tiempo de archivos de vídeo o audio del proyecto después de agregarlos a la mesa de trabajo. Para obtener más información, vea Elementos multimedia.

• Desencadenar escalas de tiempo de animaciones, archivos de audio y archivos de vídeo a partir de acciones del usuario, como hacer clic en un botón o mover el puntero sobre un elemento. Para obtener más información, vea Desencadenadores e interactividad del usuario (sólo WPF) y Control de eventos e interactividad del usuario (sólo WPF y Silverlight 2).

• Crear y diseñar controles de usuario personalizados (sólo WPF y Silverlight 2). Un control de usuario es un tipo de proyecto que puede crear en Expression Blend. Los controles de usuario pueden usarse de la misma forma que los controles personalizados que se desarrollan en Visual Studio 2008. Para obtener un ejemplo, vea Inténtelo: Crear un control de usuario de WPF y Crear un control a partir de objetos existentes.

• Personalizar el aspecto de un control existente y aplicar la plantilla de estilo resultante a otros controles del mismo tipo (sólo WPF y Silverlight 2). También puede agregar animación a una plantilla de control. Para obtener ejemplos, vea los temas que se incluyen en Estilos simples.

• Crear otros recursos reutilizables, como recursos de pincel, haciendo clic en el nombre de una propiedad en el panel Propiedades y, después, haciendo clic en Convertir en nuevo recurso (sólo WPF y Silverlight 2). Para obtener un ejemplo, vea Crear un recurso de pincel o de color.

• Convertir elementos en botones y recursos de pincel, o convertir imágenes en objetos 3D con las opciones del menú Herramientas (sólo WPF). Para obtener ejemplos, vea Convertir un objeto en un botón y Convertir una imagen 2D en 3D.

• Enlazar una propiedad de un elemento con el valor incluido en otra propiedad (sólo WPF). Esto resulta útil en muchos casos, como para hacer que el ancho de un elemento se corresponda con una barra deslizante. Para obtener un ejemplo, vea Inténtelo: Crear y aplicar un convertidor de valores.

• Enlazar una propiedad de un elemento con un origen de datos, como un archivo XML (sólo WPF) o un objeto CLR (Common Language Runtime) (sólo WPF y Silverlight 2). Para obtener un ejemplo del uso de un origen de datos XML, vea Inténtelo: Crear un lector de noticias RSS.

• Agregar archivos de código a clases personalizadas de las que pueda crear instancias en la aplicación. Para obtener un ejemplo, vea Inténtelo: crear un control WPF personalizado y Crear un botón que controle un guión gráfico en una aplicación de Silverlight.

Volver al principio

¿Qué puede hacerse únicamente con código?

• Definir un comportamiento más complejo en controladores de eventos cuando un usuario interactúa con los elementos de la interfaz de usuario de la aplicación. Puede programar controladores de eventos para responder a teclas presionadas, acciones del mouse, etc. Para obtener una lista de eventos, vea Referencia rápida de eventos de WPF. Son distintos de los desencadenadores de eventos para animaciones, elementos multimedia y vídeo. Por ejemplo, los controladores de eventos le permiten usar ecuaciones matemáticas para programar el comportamiento de la aplicación. Para obtener un ejemplo, vea Crear un nuevo método de control de eventos.

  [!NOTA]

  Toda la interacción del usuario en una aplicación Silverlight 1.0 se realiza mediante controladores de eventos JavaScript. Para obtener un ejemplo, vea Crear un botón que controle un guión gráfico en una aplicación de Silverlight.

• Personalizar el comportamiento de controles existentes o crear nuevos controles personalizados. Para obtener un ejemplo de un control personalizado basado en el control WPF Button, vea Inténtelo: crear un control WPF personalizado.

• Cargar datos (sólo WPF y Silverlight 2), como datos de Microsoft SQL Server, en una tabla de datos y convertirlos en un objeto de datos CLR que pueda usarse en Expression Blend. Para obtener un ejemplo, vea Inténtelo: Crear un origen de datos de objeto CLR.

• Crear un convertidor de valores (sólo WPF y Silverlight 2) para agregar lógica personalizada a un enlace de datos. Esto resulta útil si desea enlazar una propiedad de un elemento con una propiedad de un tipo de datos incompatible. Para obtener un ejemplo, vea Inténtelo: Crear y aplicar un convertidor de valores.

Volver al principio

¿Qué puede hacerse únicamente en Visual Studio 2008?

• Depurar la aplicación mediante su examen línea por línea mientras se está ejecutando. Para obtener más información, vea Depurar aplicaciones de Expression Blend en Visual Studio 2008.

• Editar archivos de código. Si hace doble clic en un archivo de código en el panel Proyectos de Expression Blend, el archivo se abrirá en Visual Studio 2008 si está instalado. Para obtener más información, vea Editar un archivo de código subyacente.

  Sugerencia:

  Si desea cambiar un archivo de código, resulta más útil abrir el proyecto en Visual Studio 2008 que abrir sólo el archivo de código. Al abrir un proyecto en Visual Studio 2008, puede usar la característica IntelliSense, que permite completar algunas palabras a medida que las escribe. Por ejemplo, cree un nuevo proyecto en Expression Blend 2, guárdelo y, a continuación, abra el proyecto en Visual Studio 2008. Abra el archivo Window1.xaml.cs, coloque el cursor al principio de la línea en blanco después de this.InitializeComponent(); y, a continuación, escriba LayoutRoot. Aparece una lista desplegable que muestra todo lo que puede escribir en esta línea. Si agrega un punto después de LayoutRoot, la lista cambia y muestra todas las propiedades y los métodos disponibles para el elemento LayoutRoot en el archivo Window1.xaml.

• Agregar una referencia a un archivo de proyecto o una API COM que contenga controles WPF. Expression Blend respeta las referencias a un archivo de proyecto (por ejemplo, un archivo .csproj) y las trata de la misma forma que las referencias a los archivos .dll o .exe.

Volver al principio

¿Cómo ayuda Expression Blend a agregar código?

• De manera opcional, Expression Blend crea un archivo de código subyacente correspondiente para cualquier archivo XAML que cree mediante el asistente para Agregar nuevo elemento. Si hace doble clic en un archivo de código en el panel Proyectos de Expression Blend, el archivo se abrirá en Visual Studio 2008 si está instalado. Para obtener más información, vea Editar un archivo de código subyacente.

• Expression Blend genera código para un método de control de eventos vacío al hacer doble clic en un evento de la vista Eventos  del panel Propiedades (sólo WPF y Silverlight 2).

  [!NOTA]

  Cuando se crea un proyecto de Silverlight 1.0, Expression Blend 2 genera un método de control de eventos MouseLeftButtonDown de ejemplo en el archivo Page.xaml.js. Para obtener un ejemplo de cómo modificar el método de control de eventos, vea Crear un botón que controle un guión gráfico en una aplicación de Silverlight.

  Expression Blend copia el código inicial del método en el Portapapeles. Si tiene Visual Studio 2008 instalado, Expression Blend abrirá automáticamente el proyecto en Visual Studio 2008 y pegará el método en el archivo de código subyacente. De no ser así, puede abrir el archivo manualmente y pegar el código. A continuación, puede agregar lógica de programación en el método de control de eventos o enviar el archivo de código a quien se encargue de agregar lógica de programación. Para obtener más información, vea Control de eventos e interactividad del usuario.

  Sugerencia:
  Puede tener el mismo archivo de proyecto abierto simultáneamente en Expression Blend y en Visual Studio 2008 en el mismo equipo. Si guarda un cambio en un archivo en un sistema, recibirá una notificación cuando pase al otro sistema y se le preguntará si desea volver a cargar el archivo.

  Sugerencia:

  Si necesitan trabajar en el mismo proyecto varios usuarios al mismo tiempo, es recomendable usar un sistema de control de código fuente como Microsoft Visual SourceSafe. Los sistemas de control de código fuente mantienen un repositorio central de los archivos del proyecto que puede desproteger y editar de forma local en el equipo. Puede evitar que otros desprotejan los archivos mientras los está editando o puede configurar algunos sistemas de control de código fuente para que combinen los cambios realizados por más de un usuario en el mismo archivo. Dado que Visual SourceSafe está integrado en Visual Studio, es posible desproteger un archivo si se abre en Visual Studio. Para obtener más información, vea la sección acerca de Visual SourceSafe de MSDN.

Volver al principio

¿Dónde puedo obtener ayuda para escribir código?

Si necesita ayuda para escribir código para la aplicación Expression Blend, puede usar uno de los recursos indicados en Recursos de aprendizaje y de la comunidad. Entre ellos se incluye un enlace al grupo de noticias. Para obtener ayuda acerca de la escritura de JavaScript en proyectos de Silverlight 1.0, vea el área de recursos de Silverlight (puede estar en inglés). Vea también Recursos de aprendizaje y de la comunidad.

Volver al principio