Desarrollo nativo para Android, iOS y Windows con Xamarin

Transcript

1. Mauricio Contreras Microsoft MVP Desarrollo Nativo para Android y iOS (y Windows) Xamarin
2. Mauricio Contreras Microsoft MVP @maurocon3ras https://maurocon3ras.com ¿Quién es este tipo?
3. ¿Qué es nativo?
5. Arquitectura de aplicaciones móviles
6. Enfoque Silo iOS Android Windows Objective-C Swift Xcode Java Kotlin Android Studio C# Visual Studio Sin código compartido • Varios lenguajes y ambientes de desarrollo• Múltiples equipos
7. Escribe una vez, corre en todos lados Lu a Javascript Actionscript HTML+CSS Acceso limitado a API nativas • Rendimiento lento • UX pobre App generator
8. iOS C# UI Android C# UI Windows C# UI Shared C# logic El enfoque único de Xamarin Shared C# codebase • 100% native API access • High performance
9. Windows APIs Microsoft.Phone Microsoft.Networking Windows.Storage Windows.Foundation Microsoft.Devices System.Net System System.IO System.Linq System.Xml System.Data System.Windows System.Numerics System.Core System.ServiceModel C#
10. Android – 100% de acceso a APIs Text-to-speech ActionBar Printing Framework Renderscript NFC System.Net System System.IO System.Linq System.Xml System.Data System.Windows System.Numerics System.Core System.ServiceModel C#
11. iOS – 100% de acceso a APIs MapKit UIKit iBeacon CoreGraphics CoreMotion System.Net System System.IO System.Linq System.Xml System.Data System.Windows System.Numerics System.Core System.ServiceModel C#
12. ✓ Siempre actualizado Soporte el mismo día: • iOS 5 • iOS 6 • iOS 7 • iOS 8 • iOS 9 • iOS 10 • iOS 11 Soporte completo para: • Apple Watch • Apple TV • Android Wear • Amazon Fire TV • Y mucho más
13. Visual Studio Visual Studio for Mac
15. Xamarin Platform gratis en VisualStudio Incluso Community Edition
16. Open Source – open.xamarin.com
17. Creando Interfaces de Usuario
18. Xamarin Native 3 Interfaces de Usuario Nativas Lógica de la App compartida iOS C# Android C# Windows C# Shared C# Logic
19. Xamarin.Forms Interfaces Nativas Compartidas Lógica de la App compartida Shared UI Code Shared C# Logic
20. Compartiendo código
21. Librerías .NET Standard LIBRERÍA .NET STANDARD Una librería para dominarlos a todos
22. NuGet
23. Estadísticas de código compartido Mac iO S Android Windows Phone iCircuit Touch Draw 86 % 14% 72 % 28 % 30% 70% 61% 39% 88% 12% 76% 24% 90% 10%
24. Creemos una app
25. Simplificando el desarrollo
26. Construye UIs para iOS, Android y Windows desde un mismo código C# compartido. Conóce Xamarin.Forms
27. Interfaces multiplataforma
28. Con Xamarin.Forms: Más codigo compartido, todo nativo Backend C# Compartido Código UI Compartido
29. UI Nativa desde código compartido <?xml version="1.0" encoding="UTF-8"?> <TabbedPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MyApp.MainPage"> <TabbedPage.Children> <ContentPage Title="Profile" Icon="Profile.png"> <StackLayout Spacing="20" Padding="20" VerticalOptions="Center"> <Entry Placeholder="Username" Text="{Binding Username}"/> <Entry Placeholder="Password" Text="{Binding Password}" IsPassword="true"/> <Button Text="Login" TextColor="White" BackgroundColor="#77D065" Command="{Binding LoginCommand}"/> </StackLayout> </ContentPage> <ContentPage Title="Settings" Icon="Settings.png"> <!-- Settings --> </ContentPage> </TabbedPage.Children> </TabbedPage>
30. Código de plataforma específico ¿Y si no tuvieramos que escribir este Código? ¿Y si pudiéramos acceder a éste desde el código compartido? UI+APIs UI + APIs UI + APIs Battery GPS Lights Notifications Settings Text To Speech Battery GPS Lights Notifications Settings Text To Speech Battery GPS Lights Notifications Settings Text To Speech
31. TextToSpeech Speak(“Hello World”); AVSpeechSynthesizer SpeechSynthesizer
32. Plugins para Xamarin & Windows Una API en común
33. Qué incluye ✓+40 Paginas, layouts, y controles (Construidos desde code behind o XAML) ✓ Two-way data binding ✓ Navegación ✓ API de Animación ✓ Dependency Service ✓ Messaging Center Shared UI Code Shared C# Logic
34. Pages Stack Absolute Relative Grid ContentView ScrollView Frame Content MasterDetail Navigation Tabbed Carousel Layouts
35. ActivityIndicator BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell Controles
36. Ecosistema Xamarin.Forms
37. Demo: Xamarin.Forms
38. Comienza hoy Xamarin.com
39. Gracias. Mauricio Contreras Microsoft MVP maurocon3ras.com @maurocon3ras Demos: https://github.com/maurocon3ras/app-imagesearch-cogs https://github.com/maurocon3ras/MyWeather.Forms https://github.com/maurocon3ras/SuperSecretApp