xd

1. DESARROLLO DE APLICACIONES
MOVILES
Interactúa con el Entorno de Desarrollo
Ingeniería De Software Con Inteligencia Artificia
DESARROLLO DE APLICACIONES
MOVILES
Diseño y desarrollo de aplicaciones
móviles I

2. Objetivo
Objetivos de la lección Al finalizar esta lección, los participantes podrán:
• Organizar la interfaz de usuario con diseños
▪ Usando Dependencia Service
▪ Explorando las capacidades de XAML
▪ Usa Extensiones de Marcado en XAML
Diseño y desarrollo de aplicaciones
móviles I

3. Xamarin Form
Crea aplicaciones
multiplataforma con C#

4. Xamarin.Forms
Es una plataforma que nos permite llevar a cabo el desarrollo múltiple de plataforma a través de un enfoque
unico.
Este enfoque se refiere a que podemos tener proyectos enfocados a cada plataforma y un proyecto que
comparte el codigo entre ellos, todo codificado en el lenguaje C#
Este enfoque unico nos permite tener un codigo base compartido en C# un acceso 100% nativo a las apis de
cada plataforma y un rendimiento alto.
Adicionalmente de poder utilizar las características del lenguaje C# y la plataforma .NET podemos utilizar
alguna apis especializadas en cada plataforma ya sea Windows Android o IOS.
Las aplicaciones que se desarrollan en Xamarin, no son aplicaciones a las que se les agrega una capa
adicional en tiempo de compilación para que funcionen, sino que son aplicaciones 100% nativas.
Cada proyecto que se desarrolla en Xamarin compila y despliega una aplicación x cada plataforma, es por
esto que cada plataforma tiene su propio proyecto dentro de una Solución de Visual Studio.
DISEÑO Y DESARROLLO DE APLICACIONES
MÓVILES I

5. Las aplicaciones en Xamarin son aplicaciones
nativas
 Se compila y despliega una aplicación por plataforma.
 Cada plataforma tiene su propio proyecto
 Se agrega un proyecto con código compartido entre plataformas
DISEÑO Y DESARROLLO DE APLICACIONES
MÓVILES I

6. Podemos decir entonces
que…
Cualquier cosa que puedas hacer en Objective-C, Swift, o Java
pueden hacerse con C# y Visual Studio con Xamarin

7. XAMARIN
Que es Xamarin Form
DISEÑO Y DESARROLLO DE APLICACIONES
MÓVILES I
Xamarin Form es un caja de herramientas de interfaz de
usuario.
 Provee abstracción de interfaz de usuario nativa Modelo común para
todas las plataformas.
 Se utilizan componentes nativos en tiempo de ejecución.
 Las características de la plataforma se mantienen accesibles.
 Ayuda a la compartición de codigo multiplataforma

8. Según la documentación oficial de Xamarin existen 4
grupos diferentes de controles:
 Pages
 Layouts
 Views
 Cells
 Pages: elementos visuales que ocupan toda la pantalla y que solo
puede contener un solo hijo.

9. Xamarin.Forms admite los siguientes tipos de pagina
ContentPages. Es el tipo de pagina más simple y común. Establece la Conteng propiedad en un
solo View objeto que suele ser Layout como StackLayout, Grid o ScrollView
FlyouPage. Gestiona dos paneles de información. Establece la Flyout propiedad en una pagina
que generalmente muestre una lista o un menu. Establece la Detail propiedad en una pagina que
muestre un elemento seleccionado de la pagina flotante. La lsPresented propiedad determina si
el control flotante o la pagina de detalles están visibles.
NavigationPage. Gestiona la NavigationPage navegación entre otras paginas mediante una
arquitectura basada en pilas. Al usar la navegación de paginas en su aplicación, se debe
pasar una instancia de la pagina de inicio al constructor de un NavigationPage objeto

10. TabbedPage deriva de la MultiPage clase abstracta y permite la navegación entre paginas
secundarias usando pestañas. Establezca la Children propiedad en una colección de paginas, o
establezca la ItemSource propiedad en una colección de objetos de datos y la ItemTemplate
propiedad en una DataTemplate descripción de como se representará visualmente cada
objeto
CarouselPage deriva de la MultiPage clase abstracta y permite navegar entre paginas
secundarias deslizando el dedo. Establezca la Children propiedad en una colección de
ContentPage objetos o establezca la ItemsSource propiedad en una colección de objetos de
datos y la ItemTemplate propiedad en una DataTemplate descripción de como se representará
visualmente cada objeto.
TemplatePage muestra contenido de pantalla completa con una plantilla de control y es de la
clase base para ContentPage

11. Layouts:
Hace referencia a como se mostrara el contenido en la pagina
que vamos ha seleccionar.
Cada Layouts representa un contenedor donde van ha ir
ubicados otros layouts o diferentes controles o vistas como se le
conocen en Xamarin Form

12. Views:
Son objetos de la interfaz de usuario, como etiquetas, botones y
controles deslizantes, que se conocen comúnmente
como controles o widgets, como:
BoxView Ellipse Label
Line Image
Map y otros
Entry ProgressBar
CarouselVie
w
Cells
Una celda es un elemento especializado que se utiliza para los
elementos de una tabla y describe cómo debe representarse cada
elemento de una lista
TextCel
l
ImageCell EntryC
ell

14. Patrón de Software MVVM
MVVM
MODELO

16. Nuestra Primera Aplicación
Xamarin Form