La Liga SilverlightExpression | La Liga Silverlight

Expression Studio 4 disponible ahora

Rodrigo Díaz Concha — Mon, 07 Jun 2010 15:50:46 +0000

El día de hoy ha sido anunciado y liberado oficialmente la suite Expression Studio 4, de donde podemos destacar Expression Blend 4. Expression Blend 4 contiene una gran cantidad de características nuevas tales como:

Compatibilidad con Visual Studio .NET 2010
Soporte para Windows Phone 7
PathListBox
Nuevos Efectos Visuales (Pixel Shaders)
Nuevos Comportamientos
Soporte para el patrón de diseño MVVM
Mejoras en SketchFlow, como la opción de publicar directamente a una lista en SharePoint y poder ver el feedback de varias personas al mismo tiempo!
Etc…

Si son subscriptores, la descarga ya está disponible en MSDN. Además les recuerdo que la actualización de Expression Studio 3 a Expression Studio 4 es totalmente gratuita. Lo único que tienen que hacer es instalar la versión Trial de Expression Studio 4 *sobre* su versión licenciada de la v3.

Para mayor información de todas las novedades en el resto de productos de la familia Expression visiten su sitio oficial.

Salu2!

Agregando más opciones de Formato y Datos de Ejemplo en Expression Blend 4

Rodrigo Díaz Concha — Wed, 07 Apr 2010 02:45:58 +0000

Desde la versión 3, Expression Blend agrega el panel “Data” con el cual podemos agregar fuentes de datos de ejemplo para nuestras aplicaciones de Silverlight para poder ver de antemano cómo se verían los controles al momento de enlazarlos a una fuente de datos en producción, modificar tempranamente las plantillas necesarias de los controles y mejorar la interacción de la aplicación en una etapa inicial, enriqueciendo nuestra experiencia de diseño al momento de definir las Interfaces de Usuario con esta herramienta.

De manera predeterminada, Expression Blend incluye los siguientes tipos de dato para las propiedades simples (campos) que definamos:

String
Boolean
Number
Image

El tipo de dato String es de particular interés, ya que incluye diversos formatos preestablecidos para cambiar el valor y la manera en la que se presentan dichas cadenas cuando se atan a los controles. Los formatos que ya incluye Expression Blend son: Lorem ipsum, Address, Colors, Company Name, Date, Email Address, Name, Phone Number, Price, Time, Website URL.

Las preguntas aquí son: ¿de dónde saca Expression Blend esos valores y formatos? ¿se pueden extender o modificar?

La respuesta a la primera pregunta es: en el fólder donde se instala la herramienta podrán encontrar un fólder llamado \SampleDataResources\en\Data, el cual contiene un archivo llamado SampleStrings.csv. Es este archivo separado por comas en donde encontraremos todos los datos de ejemplo que utiliza Blend (en mi equipo la ruta completa es C:\Program Files (x86)\Microsoft Expression\Blend 4 Beta\SampleDataResources\en\Data\SampleStrings.csv). Si abrimos este archivo usando por ejemplo Excel, encontraremos la respuesta a la segunda pregunta.

En la misma carpeta podremos encontrar el archivo LoremIpsum.txt. Este archivo contiene el famoso texto en latín, usado en el desarrollo de aplicaciones para la creación de bloques arbitrarios de texto.

Resulta que si agregamos más columnas y valores a este archivo, estas opciones aparecerán en la lista de formatos de cadenas al momento de crear campos de este tipo. A continuación muestro el archivo con una nueva columna (Certifications) y valores que agregué en el archivo presente en mi equipo. Tomen en cuenta que muy probablemente la carpeta esté protegida para escritura, así que una idea sería copiar SampleStrings.csv en el escritorio y posteriormente reemplazar el archivo original con el nuevo.

Una vez modificado el archivo original podemos ver el cambio al hacer una fuente de datos de ejemplo:

… y los datos funcionando al enlazar la fuente a algún control (en este caso un ListBox):

En el caso de las imágenes por defecto que utiliza Expression Blend, las podemos encontrar en el fólder …\SampleDataResources\en\Images, y podríamos modificarlas o incluir más para que las tome de manera automática la herramienta al seleccionar propiedades de tipo Image:

En la siguiente figura se muestra el uso de una nueva fuente de datos que incluye una propiedad simple de tipo String con formato Certifications, y además podemos observar que las imágenes que agregamos en el paso anterior son utilizadas.

Tengan cuidado en incluir imágenes de tamaño pequeño, ya que al hacer una fuente de datos de ejemplo, estas serán incluidas en el proyecto de Silverlight y marcadas como Recursos del ensamblado.

Espero que les sea de utilidad.

Salu2!

Control MediaPlayer en Silverlight

Santiago Leguiza — Fri, 21 Aug 2009 18:46:22 +0000

Algo nuevo que trae Silverlight 3 pero que muchos pasaron por alto, es la inclusión del control MediaPlayer, el cual fue desarrollado por la gente de Expression.

Este control es similar al que viene en Expression Encoder, incluyendo algunas de las funcionalidades de este, como ser, Playlist, Chapters, AutoLoad, AutoPlay, Progress Bar, Volume Bar, Full Screen y muchas más.

Para agregarlo debemos ir desde Blend, a la sección Assets.

Al arrastrarlo vemos que nos genera un player, el cual podemos cambiar el tamaño o las propiedades que necesitemos.

Ahora les muestro como desde XAML puedo definir el video que voy a querer visualizar. Como lo agrego al playlist, de manera sencilla puedo agregar varios videos y tenerlos a disposición en pocos minutos.

<ExpressionMediaPlayer:MediaPlayer>
    
<ExpressionMediaPlayer:MediaPlayer.Playlist>
    
<ExpressionMediaPlayer:Playlist>
    
<ExpressionMediaPlayer:Playlist.Items>
    
<ExpressionMediaPlayer:PlaylistItem
    
MediaSource="test.wmv"
    
Title="Test del Media Player Control"
    
VideoHeight="480"
    
VideoWidth="640"/>
    
</ExpressionMediaPlayer:Playlist.Items>
    
</ExpressionMediaPlayer:Playlist>
    
</ExpressionMediaPlayer:MediaPlayer.Playlist>
    
</ExpressionMediaPlayer:MediaPlayer>

Y si corremos la aplicación, vemos una player de video sencillo que nos tomo pocos minutos implementar.

Deep Zoom Composer liberado

Rodrigo Díaz Concha — Thu, 23 Jul 2009 16:18:18 +0000

El día de ayer por la noche fue anunciado en el blog de Expression que también ha sido liberada la versión final de Deep Zoom Composer, para coincidir precisamente con el lanzamiento de Expression Studio 3.

Les recomiendo que descarguen esta versión final (desinstalen primero todas las versiones anteriores que tengan) haciendo clic aquí.

También pueden revisar toda la lista de características nuevas en esta liga.

Saludos!

Expression Studio 3 Liberado

Rodrigo Díaz Concha — Wed, 22 Jul 2009 22:22:09 +0000

El día de hoy ha sido liberado Expression Studio 3, la tercera entrega de esta suite de herramientas para diseño y creación de aplicaciones (principalmente Web).

Expression Studio 3 consta de:

Expression Web – Para crear y diseñar sitios Web
Expression Design – Herramienta de diseño vectorial que complementa a Blend y Web
Expression Blend con SketchFlow – Herramienta por excelencia para la creación de aplicaciones Silverlight o WPF
Expression Encoder – Para importar y codificar archivos de video, crear Webcasts en vivo y publicar con Silverlight

Los invito a que descarguen las versiones de prueba

Salu2!