Aplicaciones

Paso a paso de la integración de las 6 practicas:

Para empezar mi aplicación de navegación de paginas se tuvo que definir primeramente en la página manipage.xaml el StackLayout y se abrió un frame que es un elemento que permite dividir la pantalla en varias áreas independiente con el BackgroundColor el cual este se refiere a la propiedad de CSS que define el color de fondo de un elemento el cual para hacerlo se busca un código o solo se puede poner el nombre de color a esto mismo se le coloca el padding el cual este establece el espacio de relleno requerido para los lados de un elemento y también el CornerRadius el cual se refiere el radio de esquina después se cierra el frame y despues de esto se abre un label con un texto que en este caso va a ser el título de la aplicación donde a este se le pondrá en el centro con su color de letra, después de colocar el titulo se agrego otro label con un texto de ahora de quien lo elaboro con un fontsize el cual es la especificación de la dimensión de la letra, un padding y su color de letra que llamara la atención y finalmente se hace otro label con su respectivo texto con una instrucción para comenzar poder usar la aplicación y se cierra los label

Después se crearon los botones para el inicio en total fueron 5 ya que en este caso se crearon 5 practicas se inicio con lo variable Button y una x: Name el cual se le colocara como una variable de la practica de la cual se trate este botón, al abrir estos botones se realizarán varias propiedades para el diseño de cada botón para que sea mas llamativo a cada uno se le agrego lo siguiente:

HorizontalOptions: Es la alineación del botton

VerticalOptions: alineación de botón

WidthRequest: Es el ancho de un elemento

HeightRequest: El alto del elemento

BorderRadius: Es el redondeo de las esquinas

BackgroundColor: Es el color del fondo

TextColor: Es el color de la letra

FontSize: Es la dimensión de la letra

FontAttributes: Indica los atributos de la fuente

Text: Es el nombre de la practica

Después de realizar esto en una sola practica se realizo lo mismo en las otras cuatro cada una con su respectiva variables y nombre. En mainPage.cs se inicializo el componente y se colocó el private void el cual es un campo donde se define una clase en cada práctica y además se abrió un DisplayAltert el cual se muestra un aviso sobre el nombre de la práctica que se inicia.

Finalmente, en la página donde se realizó este código se agregan las 5 practicas realizadas anteriormente, pero con una clase llamada NavPaginas igual a la anterior practica esto con enlazar las actividades y también a todos se les agrega un botón con una imagen el cual fue descargada y unida a una carpeta Resorse el cual nos ayudara a ir al menú.

Imágenes:

1.

[pic 1]

2.

[pic 2]

3.

[pic 3]

4.

[pic 4]

A continuación, imagen del código que cada practica debe de contener para su botón de salida además la clase x

...