Universal Windows Platform (UWP) – Net Conf Ar

Repositorio

Clonamos el repositorio con el proyecto base.

 

Edito el archivo MainPage.xaml

Tras agregar este código en el archivo MainPage.xaml, podemos presionar sobre ejecutar (o F5) y vamos a observar una ventana como esta:

 

03 – Bindings

En el archivo MainPage.xaml agrego

Ahora vamos a agregar en nuestra clase MainPageDataViewModel (la cual contendrá toda la lógica de nuestra aplicación)

Ahora remplazo el primer TextBock y el primer ListView con el siguiente código:

Remplazo el Ellipse y el StackPanel

Por ultimo remplazo el ultimo ScrollViewer  por

A continuación deberíamos de ver lo siguiente:

 

04 – Other Features

Reemplazo los dos AppBarButton con el siguiente código

Agrego los comandos correspondientes al MainPageDataViewModel

 

Modifico el constructor de MainPageDataViewModel

 

Agrego los comandos para configuración y navegación en MainPage.xaml

Agrego el código para manejar el click de appBarButton en MainPage.xaml.cs

 

Ahora vamos a registrar un servicio background que se encargue de generar las notificaciones y el live, para eso vamos al archivo App.xaml.cs y en el evento OnLaunched agregamos el siguiente código.

Luego nos dirigimos al  Package.appxmanifest

Y vamos a registrar nuestra clase para que sea el punto de entrada de esta tarea en background. Además debemos de dar los siguientes accesos.

Una vez que realizamos estos pasos, vamos a ejecutar nuestra aplicación. Con ella ejecutada vamos a ejecutar nuestra tarea en background de la siguiente forma.

 

Una vez mas nos dirigimos al App.xaml.cs y en el evento OnLaunched agregamos el siguiente código.

Este código registrara el comando de Cortana.

Ahora en vamos a sobre escribir el método  OnActivated

Y por ultimo vamos a registrar el servicio al igual que lo hicimos con nuestro background service

 

Ahora solo nos queda hablar con Cortana

    

 

05 – Behaviors

Vamos agregarle una pequeña transicion al momento de cargar a la lista de eventos para eso, nos dirigimos al MainPage.xaml, y vamos a editar el ScrolView que carga los eventos, y agregar un TransitionCollection

Ahora vamos a agregar un VisualState, donde generemos un state, para el loading. Continuando en el mismo archivo vamos a pegar dentro del tag de nuestro Grid principal, el siguiente código:

Remplazamos  todo el contenido de nuestro grid y a la altura del VisualStateManager

También vamos a descomentar la siguiente linea de código

Descomentamos todo el código que tengo en el MainPage.xaml.cs, el cual se encargara de administrar el cambio de states

Volviendo al archivo  MainPageDataViewModel.cs vamos a agregar el comando necesario para administrar la apertura y cierre del menú.

 

Ahora vamos a agregar la pantalla de Loading. Para eso tomamos el siguiente código y lo vamos a poner dentro del grid principal, como hermano del splitview.

 

 

Generar Assets

Descargo el Assets Generator

https://marketplace.visualstudio.com/items?itemName=PeterR.UWPVisualAssetsGenerator

Editamos el package.appxmanifest

 

Slides


Leave a Comment