Xamarin Forms

Xamarin Forms: Consumiendo un servicio web basado en JSON Parte 3: Creando Creando la Vista


Para finalizar este proyecto, crearemos el formulario de la interfaz gráfica, y haremos los ajustes finales para tener nuestra aplicación corriendo.

En primer lugar, crearemos la última carpeta que nos hace falta llamada View:

image

En la nueva carpeta crearé un nuevo elemento del tipo Forms Xaml Page al cual llamaremos MainPage:

image

En el formulario creado, usaremos el siguiente código para el archivo MainPage.xaml

 

Por otra parte, en el archivo MainPage.xaml.cs, debemos definir una variable que será la instancia del ViewModel de la siguiente manera:

Esta variable la inicializaremos dentro del constructor:

De igual forma, dentro del constructor debemos asignar el contexto de datos a dicha variable de la siguiente forma:

Por último, crearemos el manejador de eventos que hará la llamada al servicio web, en primer lugar, obtendremos la información de las cajas de texto, paso seguido definiremos la url del servicio web, y al último haremos la llamada a través del método especificado:

 

quedando de la siguiente manera el archivo:

 

Por último, modificaremos el constructor de la clase App para que asigne a la página MainPage como la página principal:

Una vez terminada la codificación, podemos buscar coordenadas en cualquier aplicación de mapas para probar:

image

Ejecutaremos la aplicación e Insertaremos estas coordenadas, al presionar el botón search, nos mostrará el resultado correspondiente:

image

Definitivamente hay cosas que pueden ser mejoradas, pero queda como tarea para la casa, Espero que esta serie les haya gustado y servido. Recuerden que todo el proyecto lo pueden descargar desde aquí.

Saludos.

Recetas
Xamarin.Forms – Ejecutando código JavaScript desde C#
Xamarin
Xamarin.Forms – Clase genérica para consumir servicios REST
Xamarin
Xamarin.Forms – Cambiando una imagen a partir de la orientación del dispositivo
There are currently no comments.