Empezando con Windows Phone 7.1 (y X) – Creando un Contexto de Datos de Prueba con Blend

Cuando comienzas con el diseño de la aplicación es importante tener presente el aspecto que tendrá la misma. Para ello Blend resulta de mucha ayuda.

Mis Sitios Favoritos en Blend

Mis Sitios Favoritos en Blend

Como podéis ver, se muestra una página (en este caso con un control Panorama) y tres PanoramaItem. Dentro de cada uno de ellos existe un ListBox que, actualmente está vacío. Vamos a ver cómo es posible con Blend, crear una fuente de datos de prueba para poder ver el aspecto que tendrá el control en tiempo de diseño.

Para ello abriemos la pestaña Data y, para el proyecto, escogeremos la creación de una nueve fuente de datos a partir de un Objeto (Object Data Source).

Create Object Data Source

Create Object Data Source

La idea es decirle a Blend, que genere un fichero de datos de ejemplo partiendo del ViewModel que tenemos asociado a nuestra página. En mi caso, después de una pantalla de error debida a que estoy utilizando SQL CE en Windows Phone “No se puede cargar el archivo o ensamblado ‘Microsoft.Phone.Data.Internal'” (el ensamblado no está localizado en mi máquina, está dentro del propio teléfono o del emulador. Hablé de ello en este post).

Error Load Microsoft.Phone.Data.Internal

Error Load Microsoft.Phone.Data.Internal

Como decía, después de este bonito error, que podemos ignorar, seleccionamos la clase que implementa el ViewModel para el cual queremos generar el conjunto de datos de ejemplo.

Seleccionar la Clase que implementa el ViewModel

Seleccionar la Clase que implementa el ViewModel

A partir de aquí, es posible editar el fichero XAML que se crea para nutrirlo con datos de ejemplo.

Xaml con datos de ejemplo

Xaml con datos de ejemplo

En Visual Studio, será necesario marcar la propiedad BuildAction del fichero a “DesignData”

BuildAction a "Design Data"

BuildAction a "Design Data"

Y, posteriormente, crear una fuente de datos de diseño que apunte al fichero (yo lo he hecho a nivel de página, pero es posible hacerlo a nivel de control)

Contexto de Datos de Diseño de Página

Contexto de Datos de Diseño de Página

Con este pequeño esfuerzo ya tenemos elementos que pueden mostrarse en pantalla.

Algunos datos en modo diseño

Algunos datos en modo diseño

Ahora queda adaptar un poco el aspecto que tendrá cada elemento, pero esto lo dejaremos para otro post más adelante.