Featured Posts

Silverlight 5 Ya DisponibleSilverlight 5 Ya Disponible El día de hoy 09 de Diciembre 2011 ha sido liberada la nueva versión de Silverlight 5.  Esta versión final es la 5.0.61118. ¿Qué es Silverlight? Silverlight es...

Readmore

Silverlight Tour–Actualizado a Silverlight 5 RTWSilverlight Tour–Actualizado a Silverlight 5... Tengo el gusto de anunciarles que el Curso que Da La Vuelta al Mundo, el famoso Silverlight Tour, ha sido actualizado a la versión final de Silverlight 5. El Silverlight...

Readmore

Nueva carrera en Microsoft Virtual Academy: Windows Phone 7.1 (Mango)Nueva carrera en Microsoft Virtual Academy: Windows... Tengo el gusto de darles a conocer la disponibilidad de una nueva carrera en el Microsoft Virtual Academy (MVA): La carrera de Windows Phone 7.1 Mango. Esta es la descripción...

Readmore

Nueva carrera en Microsoft Virtual Academy: Silverlight 4Nueva carrera en Microsoft Virtual Academy: Silverlight... ¿Eres estudiante de Microsoft Virtual Academy (MVA)? Tengo el gusto de anunciarles oficialmente el lanzamiento de la nueva carrera de Silverlight 4 para esta plataforma educativa. La...

Readmore

Curso gratuito de Introducción a Silverlight 4 – 2da. ParteCurso gratuito de Introducción a Silverlight... Tengo el gusto de informarles que ya está disponible la segunda parte del Curso gratuito de Introducción a Silverlight 4 en Español, el cual ahora consta de un total...

Readmore

Rodrigo Díaz Concha Rss

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

Posted on : 06-04-2010 | By : Rodrigo | In : Expression Blend, Tips

Tags: , , ,

1

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.

image

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.

image

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

image

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

image

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:

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.

image

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!

Comments (1)

Muy bueno! No me la sabia, yo uso constantemente los datos auto generados y ahora les voy a sacar mayor provecho

Write a comment

Spam Protection by WP-SpamFree