Xamarin: from zero to hero

In this session at the SDN event of april 8th 2016 I handled everything you need to know to start developing with Xamarin. Partly Dutch.

Transcript

1. www.bestppt.com Xamarin FROM ZERO TO HERO 8 april 2016
2. INTRODUCTIE 2 Gerald Versluis @jfversluis blog.verslu.is gerald@verslu.is
3. INTRODUCTIE 3 Gerald Versluis @jfversluis blog.verslu.is gerald@verslu.is
4. INTRODUCTIE 4 Gerald Versluis @jfversluis blog.verslu.is gerald@verslu.is #zero2hero #xamarin
5. www.bestppt.com XAMARIN: FROM ZERO TO HERO Alles wat je nodig hebt om te beginnen met Xamarin development
6. Op de agenda… 6 1 Wat is Xamarin? Hoe onderscheidt Xamarin zich van de rest? Xamarin 2 Wat is Xamarin.Forms? Hoe werkt het? Wat zijn de mogelijkheden? Xamarin.Forms 3 DependencyService, Custom Renderers Deep dive 4 Niet te missen NuGet packages voor het ontwikkelen met Xamarin NuGet Nuggets 5 Samenvatting, lessons learned, applaus en pauze houden! It’s a wrap
7. www.bestppt.com XAMARIN Wat is dat nou eigenlijk?
8. Xamarin is a better way to… 8 Build Test Monitor
9. Verschillende manieren van ontwikkelen 9 Bouw dezelfde app meerdere keren • Meerdere teams • Meerdere code bases • Verschillende tools en talen silo/vendor
10. Verschillende manieren van ontwikkelen 10 Bouw één app voor alle platformen • Grootste gemene deler • Browser fragmentatie • Cordova, PhoneGap • Updates niet altijd via de App Store hybride
11. Verschillende manieren van ontwikkelen 11 Bouw één app voor alle platformen • Native User Interface • Native Performance • Gedeelde code over alle platformen • C# & .NET Framework (inclusief C# 6.0!) • Full API Coverage Xamarin way
12. Waarom Xamarin? 12 Ontwikkel alles in C#
 C# draait op 2,6 miljard apparaten
13. “ Waarom Xamarin? 13 Xamarin.iOS does full Ahead Of Time (AOT) compilation to produce an ARM binary for Apple’s App Store. Xamarin.Android takes advantage of Just In Time (JIT) compilation on the Android device. “ Native performance
14. Hoe doet Xamarin het? 14 .NET + Windows APIs
15. Hoe doet Xamarin het? 15 .NET + iOS APIs | 100% coverage
16. Hoe doet Xamarin het? 16 .NET + Android APIs | 100% coverage
17. Hoe gebruik je Xamarin? 17 Xamarin Studio Windows of Mac Visual Studio 2010+ Windows
18. Hoe gebruik je Xamarin? 18 Visual Studio Alles werkt zoals je gewend bent • Alle platformen in een solution • Solution te openen in VS & XS • Alle Visual Studio plug-ins te gebruiken • iOS & Android designer
19. Hoe gebruik je Xamarin? 19 Xamarin Studio Geoptimaliseerd voor cross-platform development • Visual Studio kloon inclusief meeste belangrijke features • iOS & Android designer • Snelheid!
20. Xamarin apps te distribueren via App Stores 20
21. 21 Anything you can do in Objective-C, Swift, or Java 
 can be done in C# with Xamarin (using Visual Studio) “
22. Enter Microsoft 22 Gratis Open-source live inspector Insights -> HockeyApp
23. www.bestppt.com Demo
24. www.bestppt.com XAMARIN.FORMS Nu met nog meer gedeelde code!
25. Wat is Xamarin.Forms? 25 Cross-platform UI framework te gebruiken op: • Android 4.0+ • iOS 6.1+ • Windows Phone 8.x (Silverlight) • Windows Phone 8.1 (RT) • Windows 10 (UWP)
26. Traditionele Xamarin vs. Xamarin.Forms 26 Shared UI Code Up to 99% code sharing, always some specific (initialisation) code. 60-80% code sharing
27. What’s included? 27 • 40+ Pages, Layouts en Controls • Te gebruiken vanuit code of XAML • Two-way Data Binding • Navigation • Animation API • Dependency Service • Messaging Center “ If you are used to MVVM development you should feel right at home
28. What’s included? 28 Pages
29. What’s included? 29 Layouts
30. What’s included? (worst slide ever…) 30 Controls ActivityIndicator BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell
31. Xamarin.Forms in actie 31 Use a single API to generate native, platform-specific user interfaces At runtime, each Xamarin.Forms page and its controls are mapped to platform-specific native user interface elements “ “
32. Xamarin.Forms in actie 32 You typed Button did you mean UIButton?
33. To Forms or not to Forms? 33 Xamarin.Forms best geschikt voor: • Weinig platform specifieke functionaliteit • Code sharing over custom UI • Ontwikkelaars met XAML kennis Xamarin.iOS/Android best geschikt voor: • Veel platform specifieke functionaliteit • Custom UI over code sharing • Veel gebruik van native APIs
34. Platform specifiek 34 Platform specifieke code uitvoeren middels delegates Kan gebruikt worden om per platform een specifieke waarde te voorzien Device.OnPlatform
35. Platform specifiek 35 Detecteren op welk besturingssysteem de app draait of wat voor apparaat Device
36. Ingebouwde platform specifieke features 36 Device.OpenUri
 Openen van een URL Page.DisplayAlert
 Toont een messagebox Device.StartTimer
 Acties uitvoeren op interval Device.BeginInvoke OnMainThread UI thread marshalling Xamarin.Forms.Maps Toont kaarten en locatiediensten
37. www.bestppt.com Demonstratie
38. www.bestppt.com Deep dive Wat meer geavanceerde onderwerpen
39. DependencyService 39 Service locator maakt platform specifieke code mogelijk door abstractie
40. DependencyService 40 Implementeer de interface in het platform project Registreer deze bij de DependencyService (boven namespace) Roep abstractie aan vanuit gedeelde code
41. MyFirstEntry_Android Xamarin.Platform. Android.EntryRenderer MyFirstEntry_iOS Xamarin.Platform. iOS.EntryRenderer Custom Renderers 41 Maak je eigen implementatie van hoe een control naar native wordt vertaald Entry MyFirstEntry Xamarin.Platform. Windows.EntryRenderer MyFirstEntry_WinPhone
42. www.bestppt.com NuGet Nuggets Met deze NuGet packages wordt het ontwikkelen nóg makkelijker
43. NuGet packages die we allemaal zouden moeten gebruiken! 43 Xamarin.Plugins.Settings Simple type (user) settings Xamarin.Plugins.Connectivity Network connectivity ACR.UserDialogs Alerts, loading, ActionSheets FreshMvvm Lightweight, easy to use MVVM framework PropertyChanged.Fody INotifyPropertyChanged made easy FFImageLoading Image caching, effects, etc. Polly Fluent exception handling Refit Type-safe REST library Let op! Bij Forms vaak packages ook installeren op platform project!
44. www.bestppt.com It’s a wrap Nog héél even volhouden…
45. Lessons learned 45 1 Do not underestimate publishing 2 Upgrading? Backup! 3 4 Test altijd op een fysiek apparaat Weinig grip op je app in het wild
46. Leuk voor thuis 46 1 Xamarin documentatie 2 Xamarin forums 3 4 5 https://developer.xamarin.com/ https://forums.xamarin.com/ Xamarin GitHub https://github.com/xamarin/ Planet Xamarin http://planet.xamarin.com/ Xamarin University https://www.xamarin.com/university
47. #schaamtelozezelfpromotie 47 Gerald Versluis @jfversluis blog.verslu.is gerald@verslu.is https:/ /snppts.io