22.3.12

Aprender Windows Phone 7 (parte 52): Windows Phone 7 Starter Kit for RSS

Hoy vamos a aprender a utilizar un paquete Starter Kit RSS que ha creado Chris Koenig (Microsoft Developer Evangelist) para hacer aplicaciones para Windows Phone 7 a partir de las fuentes RSS de sitios web.

Todo el código está ya implementado y testeado. Solo tendríamos que modificar los parámetros de configuración y las imágenes para crear nuestra aplicación en unos minutos.

Hoy vamos a aprender a utilizar este Starter Kit para crear aplicaciones para Windows Phone 7.


El paquete lo podéis descargar del siguiente sitio web:

http://code.msdn.microsoft.com/Windows-Phone-Starter-Kit-390ee0ef


Examinando el paquete

Tras descargarnos el paquete, lo descomprimimos.

Abrimos la carpeta y contiene los siguientes ficheros:
- Description.htm: archivo con toda la información con la descripción y configuración de este Starter Kit.
- License.rtf: archivo con los datos de la licencia de este starter kit.
- C#: carpeta con todo el código fuente de la solución

Abriendo la carpeta C#, haremos doble click en la solución RssStarterKit.sln para abrirla con Visual Studio. Si lo compilamos y ejecutamos veremos el funcionamiento por defecto que tiene el Starter Kit.



Aspectos que se pueden personalizar en el Starter Kit

Para personalizar el RSS Starter Kit hay que modificar el fichero settings.xml que se encuentra en el directorio Settings dentro de la solución. Los valores que contiene este xml definen el título de la aplicación , el RSS que consumirá la aplicación, etc.

A continuación veremos lo que significa cada campo para poder modificarlos a nuestro gusto:

Version: aquí debes de poner la versión de la aplicación que vas a crear (si es la primera vez pon 1). Esta versión deberá coincidir con la que se ponga en Marketplace (y cada vez que se reenvíe a Marketplace deberá de incrementarse o sino los cambios no se aplicarán). El valor por defecto es 1.

Title: es el título que aparecerá en la página principal de la aplicación.

RefreshIntervalInMinutes: Este valor permite a la aplicación cachear los datos obtenidos de la fuente RSS cada cierto número de minutos. Si se consulta la fuente RSS cada pocos minutos, habrá un consumo mayor de batería. El valor por defecto son 60 minutos.

PreviewEnabled: Este campo puede valer True o False e indica si se muestra o no un preview de los nuevos ítems de la fuente RSS.

Theme: este campo solo se aplica si PreviewEnabled está marcado a True. Tiene dos etiquetas:
- BodyForeground: establece el color del texto del control de preview. Puede ser el nombre del color (White, Black, Red, etc.) o código hexadecimales (#FFFFFF, #000000, etc.).
- BodyBackground: establece el color del fondo del control preview. Igual que la etiqueta anterior puede ser el nombre del color (White, Black, Red, etc.) o código hexadecimales (#FFFFFF, #000000, etc.).

RssFeeds: esta sección define las fuentes que se mostrarán en la aplicación. Puede haber una sola fuente RSS o más de una. Cada fuente tiene los siguientes campos:
- m:RssFeed: representa a un Feed. Debe haber uno pora cada Feed. Contine los elementos m:Title (titulo de la fuente RSS) y m:RssUrl con la dirección url de la fuente RSS.

Con esto habríamos terminado de examinar el archivo settings.xml. Veamos ahora cómo personalizar el resto de ficheros.

Application Title: el título de la aplicación se debe cambiar en las propiedades del proyecto (click botón derecho en el icono del proyecto y después seleccionar Properties) poniendo el título que tú quieras en el campo Title dentro de Deployments options y Tile options.

Application Icon: El icono de la aplicación que se desplegará (“/Images/RssStarterKit99x99.png”) abriendo el fichero se puede modificar. Al guardar y recompilar el proyecto quedarán guardados los cambios en el icono.

Application Tile: Para modificar la imagen tile de la aplicación (“/Images/RssStarterKit173x173.png”). Se modifica igual que el anterior.

Splash Screen Image: La imagen de carga de la aplicación (“/SplashScreenImage.jpg”). Se modifica igual que los anteriores.


Creando una aplicación

Vamos a crear una aplicación con el paquete RSS Starter Kit con los siguientes valores:
- Versión: 1
- Title: Libre y Extremo RSS
- RefreshIntervalInMinutes: 720 (cada 12 horas porque suelo actualizarlo unas dos veces al día).
- Theme: vamos a poner de colores azul y blanco como los colores de Talavera de la Reina (BodyForeground: Blue. BodyBackground: White).
- RssFeeds: m:Title (Libre y Extremo) y m:RssUrl (http://libreyextremo.blogspot.com/feeds/posts/default).

Application Title: Libre y Extremo.
Application Feed: http://libreyextremo.blogspot.com/feeds/posts/default

Application Icon: El icono de la aplicación que se desplegará será este:



Application Tile: La imagen tile que pondremos será la siguiente:



Splash Screen Image: La imagen de carga de la aplicación será la siguiente:



El archivo settings.xml tendrá el siguiente aspecto:



Pues solo quedar compilar y ejecutar la aplicación que va a tener el siguiente aspecto:




El código fuente del ejemplo podéis descargaroslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial aprender Windows Phone 7 Parte 52.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).

No comments:

Post a Comment