Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms
-
Upload
javier-suarez-ruiz -
Category
Mobile
-
view
2.489 -
download
3
description
Transcript of Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms
![Page 1: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/1.jpg)
Introducción al desarrollo de Apps nativas
multiplataforma con Xamarin.Forms
![Page 2: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/2.jpg)
Javier SuárezWindows Developer IcineticMicrosoft MVP Windows Platform Development
• Blog: http://geeks.ms/blogs/jsuarez• Email: [email protected]• Twitter: @jsuarezruiz
Josué Yeray Lead Windows Developer IcineticMicrosoft MVP Windows Platform Development
• Blog: http://geeks.ms/blogs/jyeray• Twitter: @JosueYeray
![Page 3: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/3.jpg)
Permite testear las apps en cientos de dispositivos
móviles
Permite crear apps nativas para iOS, Android, Mac y
Windows desde Visual Studio y con C#
![Page 4: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/4.jpg)
El problema
Creas la misma Appvarias veces
![Page 5: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/5.jpg)
El enfoque de Xamarin
Nativo compartiendocódigo
![Page 6: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/6.jpg)
Es decir, cualquier cosa que puedas hacer en
Objective-C, Swift, o Java
se puede hacer con C# con Xamarin usando
Visual Studio
![Page 7: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/7.jpg)
Portable Class Libraries
![Page 8: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/8.jpg)
Xamarin + Xamarin.FormsCon Xamarin.Forms:
Se comparte más, controles
compartidos
El enfoque tradicional de Xamarin
Shared UI Code
![Page 9: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/9.jpg)
Xamarin + Xamarin.Forms
Shared UI Code
Permite crear facilmente y con rapidez interfaces de usuario nativas compartidas
Los elementos de Xamarin.Forms son mapeados a elementos nativos y behaviors propios de cada plataforma
Podemos mezclar Xamarin.Forms con APIs nativas
![Page 10: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/10.jpg)
Páginas
Content MasterDetail Navigation Tabbed Carousel
![Page 11: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/11.jpg)
Layouts
Stack Absolute Relative Grid ContentView ScrollView Frame
![Page 12: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/12.jpg)
Controles
ActivityIndicator
BoxView Button DatePicker Editor
Entry Image Label ListView Map
OpenGLView Picker ProgressBar SearchBar Slider
Stepper TableView TimePicker WebView EntryCell
ImageCell SwitchCell TextCell ViewCell
![Page 13: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/13.jpg)
Comenzamos a
conocer
Xamarin.Forms
![Page 14: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/14.jpg)
MVVM con Xamarin.Forms
VistaVistaModel
o
Modelo
Modelo
MainView.Xaml
MainViewModel.c
s
Data Binding
Comandos
Interfaz de Usuario Lógica de Negocio
Lógica de Negocio
Lógica de Presentación
![Page 15: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/15.jpg)
MVVM en
escena!
![Page 16: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/16.jpg)
Xamarin.Forms
VS MVVMCross
![Page 17: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/17.jpg)
Preguntas y respuestas.
¿Dudas?
P&R
![Page 18: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms](https://reader035.fdocuments.co/reader035/viewer/2022081417/557be9aad8b42a2b348b45e1/html5/thumbnails/18.jpg)
Introducción al desarrollo de Apps nativas multiplataforma con C# usando Xamarin.Forms
Gracias por vuestro
tiempo!