Está en la página 1de 8

Empezamos con la creación de nuestro proyecto o entorno de trabajo.

aquí elegimos la opción de crear un proyecto.

Aquí elegimos nuestro entorno de trabajo en este caso vamos a trabajar con Aplicación Móvil
(Xamarin.Forms)
Aquí le colocamos el nombre a nuestro proyecto, Ubicación y Nombre de la solución en esta ocasión
elegiremos el nombre de Introducción a Xaml y dejaremos los siguientes valores por default y
procedeos a crear.

En esta ventana nos da la opciones de elegir si control flotante, con pestañas o en blanco, también
nos deja elegir entre las 3 sistemas operativos que vamos a trabajar en nuestro caso seleccionamos
en blanco y las 3 opciones de sistemas operativos para desarrollar.
Aquí podemos ver el código que trae nuestro maninpage.Xaml por default junto a la ejecución el
emulador de Android.

Aquí podemos ver que modificamos los códigos para ver que todo estaba en orden y a la derecha su
ejecución.

Ahora agregaremos una nueva página de XAML vamos a la barra de Explorador de soluciones y
seleccionamos en donde dice Introducción a Xaml como vemos en la siguiente imagen.
Luego damos clic derecho sobre ella y se nos despliega esta barra de opción y vamos donde dice
agregar y seleccionamos la opción de nuevo elemento.

Luego se desplegará esta ventana y seleccionamos la opción de nuestra preferencia y colocamos el


nombre que deseemos a la página.
Este es el código que trae por default nuestra nueva pagina el cual vamos a modificar para dejarlo
con vemos en la siguiente imagen.

Aquí estamos en App.xaml.cs donde ya remplazamos el siguiente código que encontramos la cual
fue este MainPage = new MainPage(); por el que podemos ver seleccionado en la imagen.
Ahora estamos en el constructor mainpage.Xaml.cs el cual vamos a modificar hasta quedar como lo
vemos en la siguiente imagen.

En las siguientes imágenes veremos la ejecución de lo que acabamos de hacer.


Aquí tenemos los códigos el constructor XamlPlusCodePage y su ejecución.
Ahora vamos a XamlPlusCodePage.CS y encontraremos lo siguiente.

Y lo vamos a modifica por lo que veremos en la siguiente imagen.

También modificaremos el XamlPlusCodePage.xaml a como lo veremos en la siguiente foto.


Luego iremos a XamlPlusCodePage.CS y lo modificaremos hasta tenerlo como lo vemos en la
siguente imagen

Y esta es la ejecución.

También podría gustarte