Introducción a Xamarin utilizando MVVMCross
•Als PPTX, PDF herunterladen•
3 gefällt mir•5,069 views
Introducción al desarrollo de aplicaciones móviles nativas multiplataforma utilizando Xamarin y MVVMCross.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (14)
Ähnlich wie Introducción a Xamarin utilizando MVVMCross
Ähnlich wie Introducción a Xamarin utilizando MVVMCross (20)
Mehr von Javier Suárez Ruiz
Mehr von Javier Suárez Ruiz (20)
Introducción a Xamarin utilizando MVVMCross
- 1. Introducción a Xamarin Classic (MVVMCross) dotNet Málaga Javier Suárez
- 2. dotNet Málaga Javier Suárez Ruiz Developer Plain Concepts Microsoft MVP Windows Platform Development Xamarin Certified Developer • Blog: http://geeks.ms/blogs/jsuarez • Email: javiersuarezruiz@hotmail.com • Twitter: @jsuarezruiz
- 4. dotNet Málaga Agenda MVVMCross 1. MVVM 2. MVVMCross 3. Bindings 4. Comandos 5. Navegación 6. Listados 7. Plugins Compartir la mayor cantidad de código posible 1. PCL 2. DEMOs
- 6. dotNet Málaga COMPARATIVA DE PLATAFORMAS MÓVILES. NATIVO IDE Lenguaje Vistas iOS Android Windows Phone Xcode Android Studio Visual Studio ObjectiveC o Swift Java C# Storyboard AXML XAML MVC MVC MVVMPatrón diseño
- 7. dotNet Málaga COMPARATIVA DE PLATAFORMAS MÓVILES. XAMARIN IDE Lenguaje Vistas iOS Android Windows Phone Visual Studio Visual Studio Visual Studio C# C# C# Storyboard AXML XAML MVVM MVVM MVVMPatrón diseño
- 8. dotNet Málaga MVVM View ViewModel Model get/set Propiedades Comandos Notifica cambios C# Models View View ViewModel ViewModel Model Model Cross Platform Específico de la Plataforma
- 9. dotNet Málaga PERO… ¿PORQUÉ MVVM? • Mayor facilidad para mantener, extender y compartir el código. • Más facilidad a la hora de colaborar. • Testing. • Más fácil de diseñar.
- 10. dotNet Málaga MVVMCROSS •Cross Platform MVVM Development Framework •Gratuito, Open Source, Comunidad •Soporta •WP 7, 8, 8.1 •WPF •WinRT •Xamarin.Android •Xamarin.iOS •Xamarin.Mac •AKA Mvx
- 11. dotNet Málaga Portable Class Library •1 Librería •Multiples Platformas •Incluyendo: •Xamarin.Android •Xamarin.iOS
- 12. dotNet Málaga Características de una Portable Class Library •Código compartido centralizado •Se depura igual que si el código estuviese en un Proyecto específico. •Compartir Proyecto/Assembly •NuGet
- 13. dotNet Málaga MVVMCross & PCL View ViewModel Model Propiedades Comandos Notifica cambios C# Model View View ViewModel ViewModel Model Model Cross Platform -PCL Específico de Plataforma
- 15. dotNet Málaga Propriedad típica en la ViewModel
- 16. dotNet Málaga Binding OneWay PersonViewModel FirstName LastName DateOfBirth First Name Jon Last Name Doe Date of birth 12/07/1989
- 18. dotNet Málaga Two Way Binding PersonViewModel FirstName LastName DateOfBirth First Name Jon Last Name Doe Date of birth 12/07/1989
- 21. dotNet Málaga Value Conversion PersonViewModel FirstName LastName DateOfBirth First Name Jon Last Name Doe Age 24 “Age” Conversion
- 27. dotNet Málaga MyViewModel Necesita Localización Necesita SQL Necesita CalculadoraMy Tax Calculator Windows Phone Location Inversión de Control Windows Phone SQL El contenedor
- 28. dotNet Málaga MyViewModel Necesita Localización Necesita SQL Necesita CalculatorMy Tax Calculator iOS Location Inversión de Control iOS SQL El contenedor
- 29. dotNet Málaga Mvx.Register<T> RegisterSingleton Lazy - RegisterSingleton RegisterType
- 32. dotNet Málaga Mvx Construction Resolución en el constructor IoCConstruct
- 34. dotNet Málaga Acciones (Comandos) PersonViewModel FirstName LastName DateOfBirth First Name Jon Last Name Doe Date of birth 12/07/1989 AddCommand
- 38. DEMODEMODEMO Llega el turno de realizar acciones!
- 42. dotNet Málaga ViewModel Collection Property
- 48. dotNet Málaga Navegación Uso de parámetros ShowViewModel<DetailViewModel>(new DetailParameters() { Index = 2 }); public void Init(DetailParameters parameters) { // use the parameters here
- 51. dotNet Málaga Plugins • Forma rápida y sencilla de añadir funcionalidad específica de cada plataforma. • Usamos NuGet o NinjaCoder para añadirlos. • Consumimos los plugins utilizando inyección de dependencias o Service Locator. • Disponibles: Location, PhoneCall, Email, Sqlite, etc.
- 53. Compartir la mayor cantidad de código posible
- 54. dotNet Málaga EL PROBLEMA Creas la misma App varias veces
- 55. dotNet Málaga COMPARATIVA DE PLATAFORMAS MÓVILES NATIVO IDE Lenguaje Vistas iOS Android Windows Phone Xcode Android Studio Visual Studio ObjectiveC o Swift Java C# Storyboard AXML XAML MVC MVC MVVMPatrón diseño
- 56. dotNet Málaga ¿Qué podemos compartir con este planteamiento?
- 57. dotNet Málaga
- 58. dotNet Málaga El enfoque de Xamarin Con Xamarin.Forms: Se comparte más, controles compartidos El enfoque tradicional de Xamarin Shared UI Code
- 59. dotNet Málaga
- 60. dotNet Málaga TÉCNICAS DE REUTILIZACIÓN DE CÓDIGO
- 61. dotNet Málaga MVVM Data Binding Comandos Interfaz de Usuario Lógica de Negocio Lógica de Negocio Lógica de Presentación
- 62. dotNet Málaga ¿Y todo esto con una App “real”?
- 63. dotNet Málaga
- 64. dotNet Málaga Utilizando Xamarin Classic
- 65. dotNet Málaga COMPARATIVA DE PLATAFORMAS MÓVILES XAMARIN IDE Lenguaje Vistas iOS Android Windows Phone Visual Studio Visual Studio Visual Studio C# C# C# Storyboard AXML XAML MVVM MVVM MVVMPatrón diseño
- 66. dotNet Málaga MVVM View ViewModel Model get/set Propiedades Comandos Notifica cambios C# Models View View ViewModel ViewModel Model Model Cross Platform Específico de la Plataforma
- 67. dotNet Málaga PORTABLE CLASS LIBRARY •1 Librería •Multiples Platformas •Incluyendo: •Xamarin.Android •Xamarin.iOS
- 68. dotNet Málaga CARACTERÍSTICAS DE UNA PORTABLE CLASS LIBRARY • Código compartido centralizado • Se depura igual que si el código estuviese en un Proyecto específico. • Compartir Proyecto/Assembly • NuGet
- 69. dotNet Málaga MVVMCross & PCL View ViewModel Model Propiedades Comandos Notifica cambios C# Model View View ViewModel ViewModel Model Model Cross Platform -PCL Específico de Plataforma
- 72. dotNet Málaga COMPARATIVA DE PLATAFORMAS MÓVILES IDE Lenguaje Vistas iOS Android Windows Phone Visual Studio Visual Studio Visual Studio C# C# C# XAML XAML XAML MVVM MVVM MVVMPatrón diseño
- 73. dotNet Málaga ARQUITECTURA DE APPS CON XAMARIN.FORMS View ViewModel Model Propiedades Comandos Notifica cambios C# Model View View ViewModel ViewModel Model Model Cross Platform –PCL o Shared
- 75. dotNet Málaga UTILIZANDO NATIVO Web Services Web Services Backend C# App Services Services Services View View View ViewModel Controller Controller App App Web Services Backend C# Web Services Backend C#
- 76. dotNet Málaga UTILIZANDO XAMARIN CLASSIC Web Services Web Services Backend C# App Services Services Services Services Model View Model View View View
- 77. dotNet Málaga UTILIZANDO XAMARIN.FORMS Web Services Web Services Backend C# App Services Services (Implementation) Services (Implementation) Services (Implementation) Model View Model View (Custom Render) View (Custom Render) View (Custom Render) View
- 78. dotNet Málaga CONCLUSIONES RÁPIDAS 1. Siendo ordenado y siguiendo una serie de patrones podemos compartir entre el 65% y el 95% del código de una App móvil multiplataforma. 2. Xamarin.Forms no es siempre la solución más ideal dependiendo de las características del Proyecto. 3. No existe la abstracción absoluta. Sigue siendo necesario conocer características de cada plataforma.
- 79. dotNet Málaga Preguntas y respuestas. ¿Dudas? &
- 80. Introducción a Xamarin Classic (MVVMCross) dotNet Málaga Javier Suárez