Desarrollando apps multiplataforma con Xamarin y MVVMCross
Descargar como PPTX, PDF0 recomendaciones799 vistas
El documento discute el desarrollo de aplicaciones nativas versus híbridas utilizando Xamarin. Se presenta una serie de demostraciones sobre cómo crear calculadoras en diferentes plataformas y cómo compartir código utilizando Portable Class Libraries y MVVMCross. Además, se enfatiza la importancia de la experiencia del usuario y las diferencias entre las plataformas en el desarrollo de aplicaciones móviles.
Desarrollando apps multiplataforma con Xamarin y MVVMCross
- 1. Ivan Rodrigo Toledo Ivanovic CTO de Birdie Windows Development MVP @itoledo – itoledo@birdie.cl
- 2. Nativo es mejor! Cierto que si…? Android Windows Phone BlackBerry iPhone Windows 8
- 3. • Rendimiento • UX/UI • Diferenciación de plataformas • Patrones de diseño • Experiencia Introducción: apps nativas versus híbridas
- 4. • Apps se desarrollan en .NET • Linq, WCF, … • Acceso nativo a las APIs de cada plataforma • No es una herramienta de abstracción • UI nativas (Layouts en Android, Storyboards en iOS) • Reutilización de código .NET existente • Librerías, paquetes NuGet, Componentes • Integrado con Visual Studio La respuesta es Xamarin
- 5. Demo: Xamarin.Android Crear una calculadora que suma dos números -Crea proyecto Android -Crear 2 EditText, un TextView y un botón en layout principal -Modificar el delegado del evento Click para que sume
- 6. Demo: Xamarin.iOS La misma calculadora pero en iOS! - Crear proyecto Universal SingleViewApp - Añadir las 2 cajas de texto y el TextView - Añadir delegado del evento TouchDown para que sume
- 7. Compartiendo código: PCL • Portable Class Libraries entregan un subconjunto común de funcionalidad de .NET, disponible para todas las plataformas • Demo: creando una PCL y compartiendo código entre iOS y Android
- 8. TextView, Label, TextBlock… Bindings? -Mecánica de leer los textos y convertirlos a números desde la UI está condenada a errores -Este problema fue solucionado por Microsoft: ViewModels y Bindings -Demo: Calculadora en Windows Phone
- 9. Pero no hay Bindings en Android ni iOS! La solución es MvvmCross! -Framework de desarrollo móvil basado en MVVM -Plataformas iOS, Android, Windows Phone, Windows, Mac -Lógica de pantallas se implementa en ViewModels -Interfaces y Servicios abstraen la implementación -Comandos enlazan acciones de la UI con los métodos del ViewModel -Bindings en todas partes!
- 10. Demo: Reimplementando en MvvmCross • Crear Proyectos Calculadora.Core, Calculadora.Touch y Calculadora.Droid • Instalar paquete NuGet mvvmcross • Modificar ViewModel y añadir N1, N2, Resultado, SumarCommand • Modificar vista para añadir Bindings
- 11. Hay mucho más por descubrir! - Las series de videos de MvvmCross N+1 - Colección de plugins que implementan acceso nativo a características de los dispositivos
- 12. Dudas, consultas? - Unirse al Meetup de Xamarin! - Escribirme a itoledo@birdie.cl o @itoledo
Notas del editor
- #3: Hacer el mismo trabajo 5 veces, en 4 plataformas diferentes, es agotador. Hay un límite para las veces que a uno le gustaría programar la misma rutina (como deserializar un JSON) Requiere un alto grado de dedicación y desarrolladores experimentados, dispuestos a invertir mucho tiempo en aprender distintas formas de hacer lo mismo.
- #11: xmlns:local="http://schemas.android.com/apk/res-auto“ local:MvxBind="Text N1" /> local:MvxBind="Text N2" /> local:MvxBind="Text Resultado" /> local:MvxBind="Click SumarCommand" />