Novedades

Con Microsoft Expression Blend, puede crear sitios web y aplicaciones basados en Microsoft Silverlight 3, y aplicaciones de escritorio basadas en Windows Presentation Foundation (WPF) 3.5 con Service Pack 1 (SP1).

Expression Blend proporciona nuevas características de compatibilidad para la creación de prototipos, interactividad mediante controles de comportamiento, funcionalidad especial de Silverlight y generación de datos de ejemplo sobre la marcha.

Con Expression Blend, los diseñadores pueden crear aplicaciones divertidas y fáciles de usar.

Crear prototipos

Presentación de SketchFlow

Con SketchFlow, Expression Blend presenta un nuevo conjunto de características diseñadas para simplificar las experiencias dinámicas de usuario y la creación de prototipos muy atractivos.

SketchFlow le ayuda a comunicar ideas de diseño a las partes interesadas y facilita la recopilación de comentarios mediante el uso de anotaciones. Puede importar archivos de Microsoft Office PowerPoint a pantallas de su proyecto. También puede exportar documentos de Microsoft Office Word que contengan capturas de todas sus pantallas. Las nuevas categorías del panel Activos organizan estilos SketchFlow y otros activos.

Los diseñadores pueden usar SketchFlow para modelar la navegación y composición de una aplicación de una manera muy visual. Los prototipos de SketchFlow pueden ser tan sencillos como una serie de bocetos, pero pueden evolucionar para ser tan realistas como usted necesite para comunicar la intención de su diseño. SketchFlow usa las características existentes de Expression Blend. Otras características nuevas de Expression Blend, como la importación de Photoshop, los estados visuales, los controles de comportamiento y los datos de ejemplo, pueden usarse igualmente en la creación de prototipos de proyectos.

Para obtener más información, vea Crear prototipos con SketchFlow.

Diseño

Importar archivos de Adobe Photoshop e Illustrator

Puede usar Expression Blend para importar archivos de Adobe Photoshop (.psd) y Adobe Illustrator (.ai) directamente a sus proyectos sin perder capas, formas, elementos de texto, etc., para editarlos de una manera sencilla en el propio Expression Blend.

Para obtener más información, vea Importar archivos de Photoshop e Illustrator.

[!NOTA]

Los efectos dinámicos, los modos de fusión y la herramienta Rociar símbolo de Adobe no son compatibles. Al importar un archivo de Adobe, Expression Blend muestra un mensaje informándole si hay alguna característica del archivo importado que no se admite, así como de la acción correctiva pertinente.

Efectos

Expression Blend presenta compatibilidad con efectos gráficos de Silverlight y WPF. Abra el panel Activos, haga clic en la ficha Efectos y arrastre un efecto hacia un objeto. Se pueden modificar las propiedades del efecto en el panel Propiedades.

Para obtener más información, vea Aplicar efectos.

Anotaciones de tiempo de diseño

Ahora los diseñadores pueden agregar anotaciones visuales de burbuja (muy parecidas a los comentarios de Microsoft Visio) a la mesa de trabajo. Estas anotaciones se almacenan en el archivo XAML en forma de propiedades adjuntas. Se pueden usar para mejorar la comunicación entre miembros de un equipo. Las anotaciones no aparecen en tiempo de ejecución.

Para obtener más información, vea Anotar un documento.

Panel Activos

Se ha modificado el diseño del Panel biblioteca y se ha convertido en un panel acoplable que puede permanecer abierto mientras se trabaja en la mesa de trabajo. Los activos están categorizados para facilitar las tareas de búsqueda y organización.

Para obtener más información, vea Panel Activos.

Aplicar estilos a los controles

Crear plantillas a partir de material gráfico

Puede usar el comando modificado Convertir en control para seleccionar material gráfico en la mesa de trabajo y convertirlo en una máscara (plantilla de control) para un control.

Para obtener más información, vea Crear un control de usuario a partir de objetos existentes.

Si trabaja en un proyecto de Silverlight, puede hacer clic con el botón secundario en objetos de la plantilla y hacer clic en Convertir en elemento para asignar objetos de su control a funciones específicas. Por ejemplo, si convierte material gráfico a una plantilla de control Slider, podrá seleccionar uno de los objetos de la plantilla y asignarlo a la función HorizontalThumb del control deslizante. El panel Elementos facilita la creación y la administración de los elementos que necesita una plantilla de control.

Para obtener más información, vea Aplicar estilos a los elementos de una plantilla de control de Silverlight y Sugerencias para la aplicación de estilos a controles Silverlight comunes.

Crear plantillas TextBox a partir de material gráfico

Si usa el comando Convertir en control y elige un control TextBox o cualquier elemento derivado de un control ContentControl, Expression Blend copiará las propiedades tipográficas de cualquier objeto TextBlock que encuentre (en los objetos que está convirtiendo) en el elemento apropiado de la plantilla de control resultante.

Estados

Compatibilidad mejorada para VSM

Se ha mejorado la compatibilidad para Silverlight Visual State Manager (VSM) en Expression Blend mediante una interfaz de usuario revisada para el panel Estados. También puede ver más estados para controles, independientemente de si dichos estados se definieron originalmente en el archivo XAML. Además, el panel Estados muestra un indicador de advertencia cuando se cambia una propiedad en más de un grupo de estados. Ahora se admiten estados en más escenarios. Por ejemplo, puede definir estados en el documento MainWindow.xaml de un proyecto de Windows Presentation Foundation (WPF).

Para obtener más información, vea Definir distintos estados visuales para un control.

Anclar estados

Puede anclar la vista previa de un estado en un grupo de estados mientras modifica otro estado en un grupo de estados distinto.

Editar transiciones de estado

Puede seleccionar el guión gráfico para una transición de estado y modificarlo en el panel Objetos y escala de tiempo.

Dibujar en estado

Si selecciona un estado y dibuja un elemento nuevo, éste sólo estará visible en el estado seleccionado durante el tiempo de ejecución. Esta acción se denomina diseño en estado.

Transiciones de diseño suaves

Puede crear una transición gradual entre estados que defina cambios en las propiedades de diseño. En versiones anteriores de Expression Blend, si se modificaban las propiedades Row, Column, ColumnSpan o RowSpan de un objeto en distintos estados, el cambio se producía de manera instantánea aunque se especificara una duración de transición. Seleccionando Activar diseño fluido  puede hacer que un objeto se mueva suavemente de una celda de un panel de diseño de cuadrícula (Grid) a otra.

Para obtener más información, vea Pasar fácilmente por los cambios de diseño.

Obtener vistas previas de transiciones

Puede hacer clic en Activar vista previa de transición  en el panel Estados para obtener vistas previas de transiciones. Una vez activada la vista previa de transición, cada vez que cambie la selección de un estado a otro, la transición definida actualmente entre esos dos estados se reproducirá en la mesa de trabajo tal como lo hará en tiempo de ejecución.

[!NOTA]

La vista previa de transición no admite el diseño fluido.

Interactividad

Controles de comportamiento

Puede usar controles de comportamiento para agregar interactividad a una aplicación sin necesidad de escribir código. Los controles de comportamiento son componentes reutilizables que pueden aplicarse directamente a cualquier objeto de la mesa de trabajo y que están compuestos por desencadenadores extensibles, acciones extensibles y comportamientos.

Los controles de comportamiento pueden seleccionarse en el panel Activos, aunque los programadores cuentan con una interfaz API avanzada que les permite escribir sus propios desencadenadores, acciones y controles de comportamiento para su uso en proyectos de Silverlight y WPF.

Puede obtener más información acerca de cómo escribir sus propios controles de comportamiento en la documentación de Expression Blend SDK, que se encuentra disponible en el menú Ayuda.

Para obtener más información, vea Agregar controles de comportamiento a objetos.

Datos

Usar datos de ejemplo

Crear prototipos, generar y probar aplicaciones conectadas a datos sin tener acceso a los datos en directo es fácil con Expression Blend. Puede usar el panel Datos para generar datos de ejemplo o para importarlos desde un archivo XML. Puede generar colecciones planas o jerárquicas (para usarlas en un control TreeView) y especificar el contenido para generar cuatro tipos de datos (cadena, número, booleano e imagen).

Los datos de ejemplo están disponibles para los controles en la mesa de trabajo durante el tiempo de diseño. Puede personalizar ampliamente los detalles de los datos de ejemplo, así como alternar de manera sencilla entre el uso de datos de ejemplo y datos en directo durante el tiempo de ejecución.

Para obtener más información, vea Crear datos de ejemplo.

Enlazar datos

A continuación se listan las nuevas características de enlace de datos de Expression Blend:

• Capacidad de arrastrar elementos de datos desde el panel Datos hasta el panel Objetos y escala de tiempo para crear enlaces de datos.

• Capacidad de enlazar la propiedad de un objeto a la propiedad de otro objeto en proyectos de Silverlight.

• Compatibilidad con el control DataGrid en aplicaciones.

• Compatibilidad con escenarios de tipo maestro/detalles mediante el uso de la vista de lista y la vista de detalles del panel Datos.

• Compatibilidad mejorada para el enlace a contextos de datos.

• Capacidad de definir colecciones jerárquicas de datos de ejemplos que le permiten crear prototipos de aplicaciones conectadas a datos.

Para obtener más información, vea Mostrar datos en controles.

Datos de ejemplo para programadores

Puede usar sus propios objetos de negocio personalizados para definir los datos de ejemplo y usar ese origen de datos de ejemplo en su aplicación. No es necesario cambiar los objetos de negocio para que sean más aptos para XAML. Por ejemplo, Expression Blend controla los objetos que no tienen constructores públicos, así como las propiedades que no tienen archivos de recursos XAML.

Silverlight

Compatibilidad con Silverlight 3

Puede crear y modificar aplicaciones de Silverlight 3 en Expression Blend. Al abrir un proyecto de Silverlight 2, Expression Blend mostrará un cuadro de diálogo para preguntarle si desea actualizar los archivos de proyecto de Silverlight 2 a Silverlight 3.

Para ver una lista de los recursos de aprendizaje de Silverlight, vea Aprendizaje y recursos de la comunidad.

Compatibilidad con sitio web

Al crear un nuevo proyecto de Silverlight en Expression Blend, tiene un tipo de proyecto adicional denominado Aplicación de Silverlight + sitio web. Si crea una aplicación de Silverlight usando esta clase de proyecto, obtendrá una aplicación de Silverlight y un sitio web asociado con una página HTML predeterminada que cargará la aplicación de Silverlight.

Habilitar una aplicación de Silverlight para su ejecución fuera del explorador

Puede configurar una aplicación de Silverlight para que se ejecute fuera del explorador, en su propia aplicación, mediante Opciones de proyecto de Silverlight en el menú Proyecto. Para obtener más información, vea Probar o ejecutar un proyecto.

Almacenar en memoria caché las extensiones de la biblioteca de aplicaciones

Puede configurar una aplicación de Silverlight para que almacene en memoria caché las extensiones de la biblioteca mediante Opciones de proyecto de Silverlight en el menú Proyecto. Esta acción puede acelerar la aplicación de Silverlight.

[!NOTA]

El almacenamiento en memoria caché no funciona con aplicaciones de Silverlight fuera del explorador.

Control de versiones de los archivos de código fuente

Compatibilidad con TFS

Expression Blend 3 presenta compatibilidad con Microsoft Visual Studio 2008 Team Foundation Server. Si dispone de acceso a Team Foundation Server, podrá realizar tareas comunes relacionadas con el control de código fuente en soluciones y proyectos del tipo protección, desprotección, combinación, etc.

Para obtener más información, vea Trabajar con el control de código fuente de Team Foundation.

Animación

Disponibilidad de más propiedades para animación

Ahora es posible registrar fotogramas clave para muchas más propiedades en un proyecto de Silverlight. Para contribuir a ello, hay un nuevo comando de menú denominado Grabar valor actual en el menú Opciones avanzadas de la propiedad que aparece cuando se hace clic en el marcador   situado junto a las propiedades individuales en el panel Propiedades.

Mejor compatibilidad para entrada y salida lentas en Silverlight

Puede aplicar funciones de entrada o salida lenta predefinidas a fotogramas clave individuales seleccionando un fotograma clave y, a continuación, una función de entrada o salida lenta EasingFunction en el panel Propiedades.

Para obtener más información, vea Cambiar la interpolación entre fotogramas clave de una animación.

Animar hacia valores de recursos

Puede animar hacia y desde algunos recursos. Por ejemplo, puede animar una propiedad de color desde un valor estático a un recurso de color.

Texto

Incrustación mejorada de fuentes y subconjuntos de fuentes

Con Expression Blend, puede incrustar y crear fácilmente subconjuntos de fuentes en proyectos de Silverlight y WPF. Puede usar el nuevo Administrador de fuentes para seleccionar fuentes instaladas en su equipo y personalizar el subconjunto de caracteres que desea incrustar.

Flujo de trabajo

Configurar el acoplamiento y el área de trabajo

Expression Blend amplía las características de configuración del área de trabajo de las versiones anteriores al ofrecer compatibilidad total de acoplamiento para todos los paneles. Puede personalizar la interfaz de usuario de Expression Blend a su gusto y guardar esta configuración como un valor preestablecido.

Para obtener más información, vea Crear más espacio de trabajo y Guardar diferentes vistas del área de trabajo.

Mejoras de la herramienta de degradado

En Expression Blend 3, la herramienta de degradado es más eficaz y fácil de usar que en versiones anteriores. Ahora puede cambiar los valores de desplazamiento de un degradado directamente para un objeto al que se haya aplicado un degradado. Para cambiar la posición de la detención, simplemente arrastre el delimitador. Para agregar un nuevo delimitador, mantenga presionada la tecla ALT y haga clic en el control Adorner de degradado. También puede redefinir rápidamente el degradado arrastrando un nuevo control Adorner de degradado a la mesa de trabajo. Al hacer clic en cualquier parte de la mesa de trabajo aparece un selector de colores. Puede usar el mismo selector de colores para cambiar el color del delimitador.

Mejoras de las operaciones de diseño

Expression Blend 3 presenta varias mejoras de las operaciones de diseño. Ahora, el movimiento de objetos mediante manipulación directa en la mesa de trabajo es más consistente y previsible, los controles Adorner de alineación se muestran para más contenedores, los enlaces y las propiedades de diseño se preservan al reorganizar o agrupar objetos y las propiedades de diseño ya no se escriben innecesariamente en el archivo XAML de código subyacente. Además, ahora puede usar el inspector de propiedad para cambiar el ancho y el alto de un objeto incluso cuando estas propiedades están establecidas en Automático. Expression Blend calculará automáticamente los márgenes necesarios para garantizar que el tamaño del objeto se corresponde con el especificado.

Mejoras de la herramienta Selección directa

Expression Blend presenta algunos cambios significativos en el modelo de selección. Gracias a estos cambios, ahora es más fácil cambiar la selección y arrastrar nuevos objetos a la mesa de trabajo. Los cambios incluyen la ampliación de la funcionalidad de la herramienta Selección para que se comporte de forma parecida a la herramienta Selección directa y la mejora del comportamiento de relación jerárquica y creación en la mesa de trabajo con la ayuda de indicadores visuales que aparecen al mover o dibujar objetos.

Selección de marquesina de puntos

Ahora, al usar la herramienta Selección directa, puede seleccionar puntos individuales en un trazado usando la selección de marquesina. Sólo tiene que arrastrar para definir el área que contiene los puntos que desea seleccionar.

Mejoras del desplazamiento automático y el zoom

Cuando mueve o cambia el tamaño de un objeto, la mesa de trabajo de Expression Blend se desplaza automáticamente. El desplazamiento se detendrá si mueve el puntero más allá de la mesa de trabajo. La mesa se trabajo se acerca o se aleja de manera predeterminada al girar la rueda del mouse.

Para obtener más información, vea Realizar zoom o desplazamiento lateral en la mesa de trabajo.

Métodos abreviados de teclado y teclas modificadoras

Expression Blend simplifica las tareas comunes mediante la introducción de nuevos métodos abreviados del teclado y teclas modificadoras para acciones tales como la selección directa, la selección de marquesina, la duplicación de contenido, el desplazamiento lateral, el zoom, etc.

Para obtener más información, vea Métodos abreviados de teclado y teclas modificadoras.

Compatibilidad con TileBrush mejorada

Ahora puede crear y editar pinceles de imagen en mosaico para aplicaciones de Silverlight. Además, tanto con aplicaciones de Silverlight como de WPF, puede establecer la propiedad Source directamente desde la categoría Pinceles del panel Propiedades en vez de volver a crear el pincel.

Copiar y pegar imágenes desde el Portapapeles

A partir de ahora, los datos de imagen colocados en el Portapapeles por otras aplicaciones como Windows Internet Explorer, Adobe Photoshop y Microsoft Paint pueden pegarse directamente en Expression Blend. Expression Blend determina el tipo de elementos de proyecto que agregar en función del lugar en el que se realiza la acción de pegado. Por ejemplo, copiar una imagen en el panel Recursos agregará una archivo de imagen al proyecto y creará un recurso de ImageBrush.

Estructura de plantilla

Si un control incluye plantillas que se aplican en escenarios específicos, como cuando un control tiene que mostrar una colección de datos, esas plantillas aparecen ahora en la categoría Editar otras plantillas del elemento Editar plantilla en el menú Objeto. Esto pretende simplificar la navegación a plantillas como la plantilla ItemContainerStyle de un control ListBox.

Serialización de valores predeterminados

Expression Blend no establece de manera explícita un valor de propiedad cuando no es necesario. Expression Blend 2, al establecer la propiedad HorizontalAlignment como Expandir, escribió el valor en el archivo XAML, aunque era innecesario porque se trata del valor predeterminado. Expression Blend no escribe este valor salvo en casos especiales (p. ej., cuando el valor un estilo establece el valor).

El valor predeterminado se puede establecer de manera explícita mediante el comando Convertir en valor local del menú Opciones avanzadas de la propiedad, que aparece cuando se hace clic en el marcador  situado junto a la propiedad en el panel Propiedades.

Experiencia mejorada de edición del control UserControl

Después de modificar el archivo XAML que define un control UserControl, ya no es necesario volver a generar el proyecto para actualizar todos lo objetos UserControl en la mesa de trabajo.

Además, puede adoptar el modo de edición para un control UserControl haciendo doble clic en uno de los objetos UserControl en la mesa de trabajo.

Buscar archivos en el panel Proyectos

Puede buscar elementos en el panel Proyectos. Al desactivar la ventana de búsqueda, los nodos que expandió durante la búsqueda permanecen expandidos para que no tenga dificultades para encontrar los elementos que buscaba.

Comando Buscar en archivos

Puede buscar texto en varios archivos mediante el comando Buscar en archivos del menú Edición (CTRL+MAYÚS+F).

Expandir el panel Proyectos

Ahora, Expression Blend recuerda el estado de expansión de los distintos nodos del panel Proyectos cuando la solución se cierra y se vuelve a abrir.

Editar código

Editar código XAML, C# y Visual Basic

Expression Blend mejora la compatibilidad con XAML mediante la introducción de características que permiten ahorrar tiempo. Ahora es posible modificar archivos de código subyacente de C# y Visual Basic dentro de Expression Blend. El editor de código admite varias características que puede usar para incrementar la productividad al modificar código. Entre estas características se encuentran IntelliSense (finalización sintáctica), formato automático, coincidencia de llaves, escritura de resumen de funciones, creación de controladores de eventos, etc.

Mejoras en la edición de XAML

El árbol de objetos permanece expandido si realiza un cambio no válido en XAML mientras se encuentra en la Vista en dos paneles. También puede continuar trabajando con un objeto en la mesa de trabajo cuando una propiedad del objeto se haya establecida en un valor no válido en XAML.

Agregar controladores de eventos en Visual Studio

Actualmente, Expression Blend incluye un editor de código para modificar archivos de código subyacente en C# y Visual Basic. De manera predeterminada, al usar la vista Eventos del panel Propiedades para agregar código de controlador de eventos a los archivos de código subyacente, Expression Blend abre el archivo de código subyacente en el editor de código interno. Sin embargo, puede usar Microsoft Visual Studio en su lugar para agregar controladores de eventos.

Extensibilidad

Panel extensible Activos

En Expression Blend, puede registrar un directorio que contenga uno o más ensamblados para rellenar los contenidos del panel Activos. Del mismo modo, puede escribir código para mostrar iconos personalizados y más. Por último, al crear una instancia de los controles almacenados en los ensamblados conocidos, Expression Blend agrega las referencias de ensamblado necesarias al proyecto.

Extensibilidad de la mesa de trabajo

Expression Blend 3 introduce mejoras adicionales a las API de extensibilidad para Silverlight y WPF. Los puntos de extensibilidad son compatibles con el diseñador de Visual Studio y el usuario dispone de más flexibilidad para extender la mesa de trabajo.

Plantillas de proyecto extensibles

Expression Blend admite plantillas de proyecto extensibles, que proporcionan código auxiliar de elementos y proyectos personalizables para mejorar la creación de proyectos. Estas plantillas de proyecto, que son un subconjunto de elementos admitidos por Visual Studio, se pueden usar para crear soluciones complejas con dependencias entre proyectos y referencias de ensamblados.

Vea también

Conceptos

Aprendizaje y recursos de la comunidad

Otros recursos

Sitio de la comunidad de Microsoft Expression