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.
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).
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).
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.
A partir de aquí, es posible editar el fichero XAML que se crea para nutrirlo con datos de ejemplo.
En Visual Studio, será necesario marcar la propiedad BuildAction del fichero a «DesignData»
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)
Con este pequeño esfuerzo ya tenemos elementos que pueden mostrarse en pantalla.
Ahora queda adaptar un poco el aspecto que tendrá cada elemento, pero esto lo dejaremos para otro post más adelante.