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: blend 3, blend 4, Expression, Tips
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.
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!
