Novedades en Expression Blend

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

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.

Expression Blend incluye nuevos comportamientos que se configuran de forma rápida y sencilla. Para permitir el desarrollo de aplicaciones de línea de negocio (LOB), Expression Blend presenta compatibilidad con Views y ViewModels .

Silverlight y WPF

Compatibilidad con Silverlight 4 y WPF 4

Puede crear y modificar proyectos de aplicación de Silverlight 4 y WPF 4 en Expression Blend. También puede actualizar un proyecto de Silverlight 3 que tenga como destino Silverlight 4 , o actualizar un proyecto de WPF 3.5 con Service Pack 1 (SP1) que tenga como destino WPF 4.

Compatibilidad con Silverlight 3 y WPF 3.5 con Service Pack 1 (SP1)

Todavía puede crear y modificar proyectos de aplicación de Silverlight 3 y WPF 3.5 con Service Pack 1 (SP1) en Expression Blend.

Interoperabilidad con Visual Studio

Expression Blend y Microsoft Visual Studio 2010 utilizan el mismo formato de proyecto. Expression Blend puede convertir un proyecto de Visual Studio 2008 en un proyecto de Visual Studio 2010.

SketchFlow

Importante:
SketchFlow solo está disponible en Expression Studio Ultimate.

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. Todas las características de modelado de la interfaz del usuario (UI) de Expression Blend, como la importación de Photoshop, los estados visuales, comportamientos y datos de ejemplo, puede utilizarse también en proyectos de creación de prototipos.

Publicar en SharePoint

Una vez que haya creado un proyecto SketchFlow de Expression Blend, puede publicar el proyecto en una biblioteca de documentos de Microsoft SharePoint. El proyecto SketchFlow estará disponible para cualquier persona que tenga permiso para ver el contenido del sitio de SharePoint.

Los revisores pueden publicar sus comentarios en el sitio de SharePoint para compartirlos con otras partes interesadas.

Convertir comentarios en elementos de trabajo

Los comentarios del revisor se pueden convertir en un elemento de trabajo de Microsoft Team Foundation para poder hacer uso de ellos y realizar un seguimiento de los mismos.

Selector de animación SketchFlow

El comportamiento PlaySketchFlowAnimationAction se usa para reproducir una animación SketchFlow en respuesta a un evento. Puede utilizar un selector nuevo en el panel Propiedades para seleccionar la animación SketchFlow que va a ser controlada por la acción.

SketchStyles

El Estilo establecido de forma predeterminada para un nuevo proyecto SketchFlow es SketchStyles. Puede cambiar a otro Estilo establecido en cualquier momento.

Asignar nombres a pantallas

Cuando se crea una pantalla o una pantalla de componentes nueva en el mapa SketchFlow, se puede asignar un nombre a la pantalla inmediatamente después de crearla.

Pausar y reanudar una animación SketchFlow

En Expression Blend, cada fotograma de una animación SketchFlow contiene un nuevo botón Pausa. Cuando está habilitado, la animación SketchFlow hace una pausa en ese fotograma cuando se reproduce en el Reproductor SketchFlow. En el Reproductor SketchFlow, hay un botón de reproducción/pausa junto a cada animación SketchFlow que se puede utilizar para reproducir, pausar o reanudar esa animación.

Gráficos y diseño

Mejoras en la importación de archivos de Photoshop

Expression Blend puede importar archivos de Adobe Photoshop (.psd) con mayor rapidez y menos utilización del sistema. Además, se pueden combinar los siguientes efectos de capa con sus capas:

• Sombra paralela

• Sombra interior

• Superposición de colores

• Resplandor exterior

• Resplandor interior

• Superposición de degradado

• Bisel y relieve

• Satinado

Efectos de sombreador de píxeles

En Expression Blend, puede elegir entre una amplia colección de efectos de sombreador de píxeles integrados que se pueden animar y que implican la manipulación de color, transformación y otros efectos especiales. Puede incluso crear y compartir sus propios efectos nuevos.

Formas

El panel Activos de Expression Blend contiene una nueva categoría Formas, que incluye valores preestablecidos para facilitar la creación de arcos, flechas, llamadas y polígonos. La categoría Formas permite cambiar fácilmente entre la representación de estilos de boceto y de estilos normales.

Disponer elementos a lo largo de un trazado

Una de las características nuevas de Expression Blend es la capacidad de disponer elementos a lo largo de cualquier trazado. Los elementos pueden organizarse a lo largo del trazado de acuerdo con diversas opciones de configuración que pueden animarse. Mediante la animación de la propiedad Start, también puede usar esta característica en escenarios de guía de movimiento.

Controles

Nuevos controles

Expression Blend admite herramientas para el control RichTextBox en Silverlight.

Estilos de control mejorados

No siempre es posible personalizar un control en el contexto del objeto Window, Page o UserControl que contiene. Cuando el estilo de un control está en otro documento, la edición de estilos se lleva a cabo en dicho documento, fuera del contexto del control. Sin embargo, en Expression Blend, la instancia del control, que incluye el tamaño, el contexto de datos y otros valores de propiedad, se transfiere al estilo o a la plantilla durante la edición. Por lo tanto, incluso en modo de edición, la plantilla del control tiene el mismo aspecto que cuando está en contexto.

Se pueden editar Estilos y Plantillas destinados a tipos abstractos o tipos sin un constructor predeterminado. Además, se puede editar cualquier archivo XAML derivado de dicho tipo.

Estados visuales

Controles comunes de WPF 4 compatibles con el estado

Cuando se crea o modifica una plantilla para numerosos controles comunes de WPF 4, el panel Estados se llena con una lista de estados listos para ser diseñados. Esto se debe a que los siguientes controles de WPF 4 están diseñados para funcionar de forma nativa con Visual State Manager y muestran los States con los que funcionan:

• Button

• CalendarButton

• CalendarDayButton

• CalendarItem

• CheckBox

• ComboBox

• ComboBoxItem

• Control

• DataGrid

• DataGridCell

• DataGridColumnHeader

• DataGridRow

• DataGridRowHeader

• DatePicker

• DatePickerTextBox

• Expander

• GridSplitter

• GridViewColumnHeader

• ListBoxItem

• PasswordBox

• ProgressBar

• RadioButton

• RichTextBox

• RepeatButton

• ScrollBar

• Slider

• TabControl

• TabItem

• TextBox

• Thumb

• ToggleButton

• ToolTip

• TreeViewItem

Transiciones para efectos de sombreador de píxeles

Puede utilizar efectos de sombreador de píxeles durante las transiciones de estado. Simplemente elija un efecto del mismo modo que elegiría una función de aceleración y establezca sus propiedades. El efecto realizará la transición de un estado a otro. Algunos ejemplos son: revelar, barrido, pixelar, ondas y remolino.

Transiciones de entrada y salida de elementos ListBox

Puede animar cómo se agregan y se quitan elementos de un ListBox , y puede controlar todos los detalles de esas transiciones, incluida la aceleración. Si crea su propio ItemsControl , puede definir estos mismos estados en el tipo de contenedor de elementos. Si además aplica un comportamiento FluidMoveBehavior al panel de elementos de ListBox , los elementos existentes dejarán espacio para especificar nuevos elementos.

Compatibilidad con View y ViewModel

Expression Blend ofrece nuevos datos de ejemplo, comportamientos y plantillas de proyecto para admitir Views y ViewModels .

El uso de Views y ViewModels permite estructurar una aplicación Silverlight o WPF de manera que los objetos de la interfaz de usuario (UI) estén tan desacoplados como sea posible de los datos y el comportamiento de la aplicación. Esto permite realizar con más facilidad las tareas de diseño y las tareas de desarrollo de forma independiente y sin romperse entre sí. Básicamente, la interfaz de usuario es View . Los objetos de View se enlazan a las propiedades y comandos de ViewModel . View también puede llamar a métodos en ViewModel .

Interactividad

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

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

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

Nuevos comportamientos

Importante:
SketchFlow solo está disponible en Expression Studio Ultimate.

Expression Blend incluye el nuevo comportamiento multitoque TranslateZoomRotateBehavior y un control PanningItems que se puede usar para desplazarse por los elementos mediante toques. Expression Blend también tiene un nuevo desencadenador, denominado SketchFlowAnimationTrigger , que responde a un cambio de marco o a la pausa o finalización de una animación SketchFlow. Expression Blend incluye nuevos conjuntos de comportamientos para arrastrar elementos entre cuadros de lista, modificar la navegación de menús y conservar los estados de pantalla, como SetDataStoreValueAction y DataStoreChangedTrigger .

Se ha realizado una fantástica mejora en el comportamiento FluidMoveBehavior : si se aplica a distintas vistas del mismo elemento de datos, cuando se mueve el elemento de una vista a otra (por ejemplo, de una vista de lista a una vista de detalles), el comportamiento anima la transición entre ambas vistas de forma fluida.

Los nuevos comportamientos para aplicaciones que utilizan el modelo Model-View-ViewModel son los siguientes: CallMethodAction , InvokeCommandAction y DataStateBehavior . Puede utilizar estos comportamientos para invocar el comportamiento en ViewModels o para responder a los cambios en sus propiedades.

Comportamientos condicionales y el almacén de datos

Cualquier acción puede asociarse a un conjunto de condiciones que deben cumplirse para poder ejecutar la acción. Esto significa que con Expression Blend, puede generar lógica condicional en los prototipos y aplicaciones de producción sin necesidad de escribir código. Además, la nueva característica denominada almacén de datos permite la lectura y escritura de variables de la aplicación, como la función del usuario, de forma que las distintas partes de la aplicación puedan comunicarse con eficacia a través de este estado compartido.

Algunos de los componentes de comportamiento nuevos de esta característica son: el editor de condiciones que aparece en el panel Propiedades de cada acción, una acción SetDataStoreValueAction que permite manipular valores del almacén de datos y un desencadenador DataStoreChangedTrigger que se activa cuando cambia una propiedad seleccionada en el almacén de datos.

Datos y recursos

Expression Blend facilita la creación de prototipos, generación y comprobación de aplicaciones conectadas a datos incluso cuando no hay recursos ni datos de tiempo de ejecución disponibles.

Datos de tiempo de diseño de tipos CLR

Además de poder crear datos de ejemplo basados en XML, puede crear datos de ejemplo en tiempo de diseño de los tipos CLR. Aunque un tipo no tenga un constructor público o aunque tenga propiedades pero no un método establecedor público, todavía puede convertirse en datos de ejemplo de tiempo de diseño con el comando Crear datos de ejemplo desde clase del panel Datos.

El panel Datos proporciona una vista del DataContext de un objeto, ya sea en tiempo de diseño o tiempo de ejecución, y permite arrastrar propiedades, comandos y métodos hasta la superficie de diseño para enlazarlos a la interfaz de usuario.

ViewModels de tiempo de diseño

Si la aplicación utiliza el modelo Views y ViewModels , puede usar el comando Crear datos de ejemplo desde clase del panel Datos para generar ViewModels de ejemplo en tiempo de diseño y poder continuar diseñando la aplicación en el contexto de estos datos.

Recursos de tiempo de diseño

A veces, los recursos que se resolverán en tiempo de ejecución no se resuelven en tiempo de diseño. En estos casos, puede elegir un diccionario de recursos para utilizarlos en tiempo de diseño mientras diseña la aplicación.

Enlace de propiedades de elemento a elemento más sencillo

Ahora es más fácil que nunca utilizar Opciones avanzadas en el panel Propiedades para enlazar las propiedades de los elementos entre sí.

Animación

Funciones de aceleración en WPF 4

Puede aprovechar la eficacia y la expresividad creativa de las funciones de aceleración en un proyecto de WPF 4. Incluso puede escribir funciones de aceleración personalizadas y utilizarlas en los proyectos.

No se requiere ninguna tecla modificadora para la selección de marquesina de fotogramas clave

Puede utilizar el mouse para realizar con mayor facilidad la selección de marquesina de fotogramas clave en Línea de tiempo. Antes era necesario mantener presionada la tecla CTRL mientras se arrastraban los fotogramas clave elegidos mediante la selección de marquesina.

Ahorro de código XAML

Expression Blend genera menos XAML que las animaciones y las propiedades relacionadas con la animación.

Proyectos

Plantilla de proyecto enlazada a datos

Expression Blend incluye una nueva plantilla de proyecto que ofrece un punto de partida básico para aplicaciones de View y ViewModel .

Ejecutar el proyecto con CTRL+F5

Para mejorar la coherencia con Visual Studio, ahora puede presionar CTRL+F5 o F5 para invocar el comando Ejecutar proyecto.

Compatibilidad de ejemplos y plantillas con archivos ZIP

Expression Blend ahora permite leer plantillas de elemento, plantillas de proyecto y ejemplos de archivos ZIP, así como leerlos de carpetas y archivos sueltos.

Vea también

Conceptos

Recursos de la comunidad y aprendizaje

Otros recursos

Sitio de la comunidad de Microsoft Expression 

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.