Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 2

  • Article

Este es el segundo articulo de la serie dedicada a crear una aplicación lectora de RSS, manos a la obra.

Preparando la solución

Para este proyecto vamos a Visual Studio y creamos una nueva solución de Tipo Windows Store, seleccionamos la plantilla en blanco y la nombramos RSSJuanK4Blog.

SNAG-0000

En el proyecto recién creado presionamos clic derecho, agregar nuevo ítem y seleccionamos Basic Page

SNAG-0001

El IDE nos pregunta si deseamos adicionar otros archivos necesarios para que se cree ese archivo con base en el template, le decimos que si.

Una vez creado el archivo BasicPage1.xaml procedemos a borrarlo, no nos interesa, el motivo real era adicionar los archivos incluidos en la plantilla los cuales suelen ser mu útiles para diferentes tareas como veremos más adelante.

Proseguimos preparando la solución, es hora de borrar el archivo MainPage.xaml el cual tampoco usaremos.

Procedemos a compilar la solución, debe salir el siguiente error:

SNAG-0002

Es normal, ya que acabamos de borrar el archivo MainPage.xaml, en contados momentos corregiremos eso.

Posicionándonos sobre el proyecto creamos cuatro nuevas carpetas:

  • Model
  • View
  • ViewModel
  • Útil

 

SNAG-0003

Posicionándonos sobre la carpeta View damos clic derecho, agregar nuevo ítem y seleccionamos "Basic Page", nombramos la página como RssMainView.xaml , aceptar .

Es momento de corregir el error de compilación, abrimos el archivo App.xaml.cs y vamos a la línea donde nos arrojaba el error (apróx. línea 67) , allí están haciendo referencia a la clase borrada MainView, así que la reemplazamos por la clase recién creada RssMainView.

 // When the navigation stack isn't restored navigate to the first page,
// configuring the new page by passing required information as a navigation
// parameter
if (!rootFrame.Navigate(typeof(RssMainView), args.Arguments))
{
    throw new Exception("Failed to create initial page");
}

No olviden agregar la sentencia using correspondiente en mi caso es

 using RSSJuanK4Blog.View;

Es momento de ejecutar loa solución, configuramos Visual Studio para que se ejecute desde el Simulador y la lanzamos

SNAG-0004

La aplicación debe ejecutarse sin problema, de hecho no hemos hecho nada así que debe ejecutarse con una pantalla como la siguiente:

SNAG-0005

Los espero en la próxima entrega

Índice General

Para cumplir con el alcance establecido he decidido fraccionar el proyecto en las siguientes partes:

 

  1. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 1
    • Introducción al tutorial  
    • Let's begin
    • Indice General
  2. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 2
    • Preparando la solución
  3. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 3
    • Modelo de Datos
  4. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 4
    • Consumiendo el RSS por medio de SyndicationClient
    • CreateContent
    • CreateSummary
    • Find1stImageFromHtml
  5. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 5
    • Inicializando la Aplicación e implementado el View-Model
    • Cómo y desde donde llamar a Initialize
    • Asociando el DataContext del View
  6. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 6
    • Construyendo la UI - Parte 1
    • Esquema principal de la App
    • Creando elementos básicos
    • El titulo
    • Aplicar propiedades utilizando estilos
    • El icono
    • El artículo actual
    • La Lista de Artículos
  7. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 7
    • Vinculando la View con el ViewModel
    • El artículo actual
  8. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 8
    • Mejorando la experiencia de usuario - Parte 1
    • Hacer que aparezca un articulo seleccionado por defecto
    • Disminuir el tamaño de los títulos del ListView
    • Disminuir el ancho del ListView
    • Evitar que los resúmenes de los artículos en el ListView crezcan de manera descontrolada
    • Colocar una imagen dummy en el Listview cuando no existan imágenes en el artículo
    • Colocar la imagen adecuada cuando la única imagen del RSS es el aggbug
    • Colocar una imagen dummy en el Listview cuando la imagen hallada en el artículo sea demasiado pequeña
    • Mientras cargan los datos del feed da la impresión de que la App no esta haciendo nada
    • Conclusión
  9. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 9
    • Mejorar la apariencia de ListView
    • Mejorar la apariencia del ProgressRing
    • Mejorar la apariencia del WebView
    • Soporte para Snapped View
    • Imagen de Fondo
  10. Windows 8:Cómo crear un app lector de blogs (RSS)-Parte 10
    • Mejorando la experiencia de usuario - Parte 2
    • Detección de conexión a internet
    • Adición de la política de privacidad
    • Tareas adicionales
    • FIN DEL TUTORIAL