Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Introducción a Xamarin

2.711 visualizaciones

Publicado el

El mercado móvil es hoy día un pilar importante tanto para usuarios como para desarrolladores. Sin embargo, tenemos un mercado amplio y diverso con una gran variedad de dispositivos y sistemas. Si entramos en el terrero de desarrolladores el problema se acentúa con diferentes entornos de desarrollo, lenguajes y otros elementos. En esta sesión repasaremos el estado actual, introduciremos Xamarin como herramienta para crear aplicaciones nativas multiplataforma desde Visual Studio analizando todas sus bondades y costes además de ver distintas opciones Xamarin Classic y Xamarin.Forms.

  • ➤➤ 3 Reasons Why You Shouldn't take Pills for ED (important) ♣♣♣ http://ishbv.com/rockhardx/pdf
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

Introducción a Xamarin

  1. 1. INTRODUCCIÓN A XAMARIN En que consiste, aporte, costs y todo lo necesario para concretar con exactitud Xamarin
  2. 2. SERVICIOS XAMARIN AVANTE . . Javier Suárez Microsoft MVP Windows Platform Development • Blog: http://geeks.ms/blogs/jsuarez • Email: javiersuarezruiz@hotmail.com • Twitter: @jsuarezruiz
  3. 3. SERVICIOS XAMARIN AVANTE . . Pero… ¿que significa nativo?
  4. 4. SERVICIOS XAMARIN AVANTE . . Anatomía de una App nativa Interfaces de usuario nativas Acceso a APIs nativas Rendimiento como nativo
  5. 5. SERVICIOS XAMARIN AVANTE . . El problema actual para desarolladores
  6. 6. SERVICIOS XAMARIN AVANTE . . El problema Creas la misma App varias veces
  7. 7. SERVICIOS XAMARIN AVANTE . . El enfoque “escribe una vez” para todo Mínimo Denominador Común
  8. 8. SERVICIOS XAMARIN AVANTE . . El enfoque de Xamarin Nativo compartiendo código
  9. 9. SERVICIOS XAMARIN AVANTE . . ¿APIs nativas? APIs Windows
  10. 10. SERVICIOS XAMARIN AVANTE . . ¿APIs nativas? APIs iOS | 100% de Convergencia
  11. 11. SERVICIOS XAMARIN AVANTE . . ¿APIs nativas? APIs Android | 100% de Convergencia
  12. 12. SERVICIOS XAMARIN AVANTE . . Es decir, cualquier cosa que puedas hacer en Objective-C, Swift, o Java se puede hacer con C# con Xamarin usando Visual Studio
  13. 13. SERVICIOS XAMARIN AVANTE . . Xamarin.iOS realiza una compilación Ahead Of Time (AOT) para crear un binario ARM para la Apple’s App Store. Rendimiento nativo Xamarin.Android usa la compilación Just In Time (JIT).
  14. 14. SERVICIOS XAMARIN AVANTE . . Tecnologías emergentes y nuevos dispositivos Android Wear Google Glass Amazon Fire Phone Amazon Fire TV
  15. 15. SERVICIOS XAMARIN AVANTE . . 2000 Se funda Ximian 2001 Comienza Mono 2003 Ximian es adquirida Por Novell 2009 Se lanza el Primer product iOS 2011 Se funda Xamarin Primera Release de Xamarin.A ndroid 2012 Primera Release de Xamarin.Mac Launch Partner Program 2013 Xamarin 2.0 Component Store Evolve 2013 Xamarin Test Cloud Microsoft Partnership 2014 .NET Launch iPhone Android Windows Phone Xamarin 3 Xamarin.Forms Evolve 2014 Xamarin Android Emulator
  16. 16. SERVICIOS XAMARIN AVANTE . . Xamarin
  17. 17. SERVICIOS XAMARIN AVANTE . . Xamarin Studio PC o Mac Visual Studio Plugin VS 2010/2012/2013
  18. 18. SERVICIOS XAMARIN AVANTE . . Una única solución: • iOS • Android • Windows Phone • Windows Store Acceso al ecosistema Microsoft: • ReSharper • Team Foundation Server • Acceso a herramientas de análisis y testing Integración conVisual Studio
  19. 19. SERVICIOS XAMARIN AVANTE . . Integración conVisual Studio Debug en: • Emuladores • Dispositivos Integrado en la ToolBar • Status • Logs • Listado de dispositivos Just Click Start Debugging!
  20. 20. SERVICIOS XAMARIN AVANTE . . DEMO Primer vistazo a la integración de Xamarin con Visual Studio y a Xamarin Studio
  21. 21. SERVICIOS XAMARIN AVANTE . . Ejecución Xamarin Host Necesita un Mac Ejecución desde Visual Studio Desde Visual Studio Dispositivos Emuladores Emuladores nativos Dispositivos Visual Studio
  22. 22. SERVICIOS XAMARIN AVANTE . . Desarrollo en Xamarin • La UI es específica de cada plataforma. • La lógica de la Aplicación es en C# y compartida mediante el uso de PCLs o proyectos Shared. • 70% aprox. De código compartido. El enfoque tradicional de Xamarin
  23. 23. SERVICIOS XAMARIN AVANTE . . DEMO Primera App Xamarin
  24. 24. SERVICIOS XAMARIN AVANTE . . 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
  25. 25. SERVICIOS XAMARIN AVANTE . . 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
  26. 26. SERVICIOS XAMARIN AVANTE . . 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
  27. 27. SERVICIOS XAMARIN AVANTE . . Pero… ¿Porque 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.
  28. 28. SERVICIOS XAMARIN AVANTE . . MvvmCross •Cross Platform MVVM Development Framework •Gratuito, Open Source •Soporta •WP 7, 8, 8.1 •WPF •WinRT •Xamarin.Android •Xamarin.iOS •Xamarin.Mac •AKA Mvx
  29. 29. SERVICIOS XAMARIN AVANTE . . Portable Class Library •1 Librería •Multiples Platformas •Incluyendo: •Xamarin.Android •Xamarin.iOS
  30. 30. SERVICIOS XAMARIN AVANTE . . 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
  31. 31. SERVICIOS XAMARIN AVANTE . . MVVMCross & PCL View ViewModel Model Propiedades Comandos Notifica cambios C# Model View View ViewModel ViewModel Model Model Cross Platform -PCL Específico de Plataforma
  32. 32. SERVICIOS XAMARIN AVANTE . . DEMO Primera App Xamarin utilizando MVVMCross
  33. 33. SERVICIOS XAMARIN AVANTE . . Xamarin + Xamarin.Forms Con Xamarin.Forms: Se comparte más, controles compartidos El enfoque tradicional de Xamarin Shared UI Code
  34. 34. SERVICIOS XAMARIN AVANTE . . Xamarin + Xamarin.Forms • 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
  35. 35. SERVICIOS XAMARIN AVANTE . . Plataformas soportadas por Xamarin.Forms Soporta: • Android 4.0+ • iOS 6.1+ • Windows Phone 8.0 (Silverlight) & Windows Phone 8.1 (WinRT)
  36. 36. SERVICIOS XAMARIN AVANTE . . Que incluye  40+ tipos de páginas, Layouts, y controles  Se puede utilizer code behind o XAML  Two-way Data Binding  Navegación  API de animaciones  Servicio de dependencias  Messaging Center
  37. 37. SERVICIOS XAMARIN AVANTE . . Páginas Content MasterDetail Navigation Tabbed Carousel
  38. 38. SERVICIOS XAMARIN AVANTE . . Layouts Stack Absolute Relative Grid ContentVie w ScrollView Frame
  39. 39. SERVICIOS XAMARIN AVANTE . . Controles ActivityIndicato r BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell
  40. 40. SERVICIOS XAMARIN AVANTE . . Button button = new Button { Text = "Click Me!", Font = Font.SystemFontOfSize(NamedSize.Large), BorderWidth = 1, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.CenterAndExpand }; button.Clicked += OnButtonClicked; Un botón en Xamarin.Forms
  41. 41. SERVICIOS XAMARIN AVANTE . . Creando una App Xamarin.Forms Plantillas de proyectos: • Xamarin Studio • Visual Studio Dos formas de compartir código: • PCL • Shared
  42. 42. SERVICIOS XAMARIN AVANTE . . Esctructura de un Proyecto Xamarin.Forms Proyecto s específic os de cada plataform a. PCL o Proyecto Shared que contará con la lógica compartida e incluso UI también.
  43. 43. SERVICIOS XAMARIN AVANTE . . DEMO Nuestra primera App Xamarin.Forms
  44. 44. SERVICIOS XAMARIN AVANTE . . 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
  45. 45. SERVICIOS XAMARIN AVANTE . . DEMO Patrón MVVM aplicado en una App Xamarin.Forms
  46. 46. SERVICIOS XAMARIN AVANTE . . ¿PREGUNTAS y RESPUESTAS? Dudas? P&R
  47. 47. SERVICIOS XAMARIN AVANTE . . GRACIAS a TODOS Por vuestro tiempo! Javier Suárez Microsoft MVP Windows Platform Development • Blog: http://geeks.ms/blogs/jsuarez • Email: javiersuarezruiz@hotmail.com • Twitter: @jsuarezruiz
  48. 48. SERVICIOS XAMARIN AVANTE . . INTRODUCCIÓN A XAMARIN En que consiste, aporte, costs y todo lo necesario para concretar con exactitud Xamarin.

×