UNIVERSIDAD ISRAEL

CIENCIAS DE LA INGENIERÍA

CARRERA DE ELECTRÓNICA

DESARROLLO DE APLICACIONES MÓVILES

SEMESTRE 2022 B

LABORATORIO S3

TEMA: Componentes básicos de Xamarin Forms

PROFESOR: PhD (c). Luis Fernando Aguas Bucheli

QUITO, 2022
 Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

1. TEMA: Componentes básicos de Xamarin Forms

2. OBJETIVOS:

• Adquirir los conceptos básicos relacionados con programación en móviles

• Reconocer las características de programación en móviles

3. OBJETIVOS DE DESARROLLO SOSTENIBLE:

Indicador 4.7: De aquí a 2030, asegurar que todos los alumnos adquieran los conocimientos
teóricos y prácticos necesarios para promover el desarrollo sostenible, entre otras cosas
mediante la educación para el desarrollo sostenible y los estilos de vida sostenibles, los derechos
humanos, la igualdad de género, la promoción de una cultura de paz y no violencia, la ciudadanía
mundial y la valoración de la diversidad cultural y la contribución de la cultura al desarrollo
sostenible

4. INTRODUCCION:

Xamarin.Forms es una característica de Xamarin , el popular marco de desarrollo móvil que

amplía la plataforma de desarrollo .NET con herramientas y bibliotecas para crear aplicaciones
móviles.

Xamarin.Forms es un marco multiplataforma de código abierto de Microsoft para crear

aplicaciones de iOS, Android y Windows con .NET a partir de una única base de código
compartida.

Utilice las páginas, los diseños y los controles integrados de Xamarin.Forms para crear y diseñar
aplicaciones móviles desde una sola API que es altamente extensible. Subclasifique cualquier
control para personalizar su comportamiento o defina sus propios controles, diseños, páginas y
celdas para que su aplicación sea perfecta.

Modelo-Vista-Modelo de vista (MVVM)

MVVM es un patrón de diseño que se utiliza para desacoplar la interfaz de usuario (vista), los
datos (modelo) y la lógica de la aplicación (ver modelo). Xamarin tiene compatibilidad integrada
con el patrón MVVM, incluido el enlace de datos, lo que facilita el seguimiento de este patrón

Ciencias de la Ingeniería
 Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

de diseño para que pueda crear un código de aplicación mejor probado y más fácil de extender
sin necesidad de cambios radicales.

Interfaz de usuario declarativa o no

Cree interfaces de usuario de forma declarativa con XAML y compártalas en plataformas móviles
y de escritorio. Sin embargo, si XAML no es su taza de té, puede crear interfaces de usuario
igualmente potentes y de alto rendimiento usando C# en su lugar.

Acceda a las funciones de la plataforma nativa

Integre fácilmente las funciones de la interfaz de usuario nativa con las características
específicas de la plataforma, como el área segura de iOS, la elevación de Android y el modo de
selección de Windows ListView, tanto desde C# como desde XAML.

Ciencias de la Ingeniería
 Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

Diseño de interfaz de usuario coherente

La API visual en Xamarin.Forms ayuda a ofrecer una apariencia de Material Design uniforme en
todas sus aplicaciones de iOS y Android. Visual incluye soporte incorporado para Material Design
y es completamente extensible.

ecosistema de componentes de interfaz de usuario

Sea productivo rápidamente con componentes de interfaz de usuario reutilizables de los
principales proveedores de componentes como Syncfusion , DevExpress , UX
Divers , GrapeCity , Telerik y otros.

5. DESARROLLO:

Parte 1:

Inicie Visual Studio 2022 y, en la ventana de inicio, haga clic en Crear un nuevo proyecto para
crear un nuevo proyecto:

Ciencias de la Ingeniería
 Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

Seleccionamos crear proyecto

Colocamos el siguiente nombre

Ciencias de la Ingeniería
 Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

Clic en crear y seleccionamos aplicación en blanco

Teniendo:

Ciencias de la Ingeniería
 Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

En MainPage.xaml, se colocará:

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="AppDAMS32022B.MainPage">

<StackLayout>
<Label Text="Aplicación Xamarin"
FontSize="20"
HorizontalOptions="Center"
VerticalOptions="Start"/>

<Entry x:Name="txtNombre"
BackgroundColor="LightBlue" />
<Button Text="Saludo"
x:Name="btnSaludar"
Clicked="btnSaludar_Clicked" />
</StackLayout>

</ContentPage>

Ciencias de la Ingeniería
 Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

En MainPage.xaml.cs, se colocará:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace AppDAMS32022B
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}

private void btnSaludar_Clicked(object sender, EventArgs e)

{
string texto=txtNombre.Text;
string mensaje = "hola " + texto;
DisplayAlert("Bienvenido", mensaje, "Gracias");

}
}
}

Ciencias de la Ingeniería
 Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

Compilando y ejecutando:

6. BIBLIOGRAFIA:

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Electrónica

Ciencias de la Ingeniería