Introductiesessie Xamarin voor de KEMBIT Meetup van 29 september 2016.

1. www.bestppt.com
Xamarin
FROM ZERO TO HERO
29 september 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. www.bestppt.com
XAMARIN: FROM ZERO TO HERO
Alles wat je nodig hebt om te beginnen met Xamarin development

5. Op de agenda…
5
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
borrelen!
It’s a wrap

6. www.bestppt.com
XAMARIN
Wat is dat nou eigenlijk?

7. Xamarin is a better way to…
7
Build Test Monitor

8. Verschillende manieren van ontwikkelen
8
Bouw dezelfde app meerdere keren
• Meerdere teams
• Meerdere code bases
• Verschillende tools en talen
silo/vendor

9. Verschillende manieren van ontwikkelen
9
Bouw één app voor alle platformen
• Grootste gemene deler
• Browser fragmentatie
• Cordova, PhoneGap
• Updates niet altijd via de App Store
hybride

10. Verschillende manieren van ontwikkelen
10
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

11. Waarom Xamarin?
11
Ontwikkel alles in C#
C# draait op 2,6 miljard apparaten

12. “
Waarom Xamarin?
12
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

13. Hoe doet Xamarin het?
13
.NET + Windows APIs

14. Hoe doet Xamarin het?
14
.NET + iOS APIs | 100% coverage

15. Hoe doet Xamarin het?
15
.NET + Android APIs | 100% coverage

16. Hoe gebruik je Xamarin?
16
Xamarin Studio
Windows of Mac
Visual Studio 2010+
Windows

17. Hoe gebruik je Xamarin?
17
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

18. Hoe gebruik je Xamarin?
18
Xamarin Studio
Geoptimaliseerd voor cross-platform development
• Visual Studio kloon inclusief meeste belangrijke features
• iOS & Android designer
• Snelheid!

19. Xamarin apps te distribueren via App Stores
19

20. 20
Anything you can do in Objective-C, Swift, or Java
can be done in C# with Xamarin (using Visual Studio)
“

21. Enter Microsoft
21
Gratis
Open-source
live inspector
Insights -> HockeyApp

22. www.bestppt.com
Demo

23. www.bestppt.com
XAMARIN.FORMS
Nu met nog meer gedeelde code!

24. Wat is Xamarin.Forms?
24
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)

25. Traditionele Xamarin vs. Xamarin.Forms
25
Shared UI Code
Up to 99% code sharing,
always some specific
(initialisation) code.
60-80% code sharing

26. What’s included?
26
• 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

27. What’s included?
27
Pages

28. What’s included?
28
Layouts

29. What’s included? (worst slide ever…)
29
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

30. Xamarin.Forms in actie
30
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
“
“

31. Xamarin.Forms in actie
31

32. To Forms or not to Forms?
32
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

33. Platform specifiek
33
Platform specifieke code uitvoeren
middels delegates
Kan gebruikt worden om per platform
een specifieke waarde te voorzien
Device.OnPlatform

34. Platform specifiek
34
Detecteren op welk besturingssysteem de app draait
of wat voor apparaat
Device

35. Ingebouwde platform specifieke features
35
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

36. www.bestppt.com
Demonstratie

37. www.bestppt.com
Deep dive
Wat meer geavanceerde onderwerpen

38. DependencyService
38
Service locator maakt platform specifieke code mogelijk door abstractie

39. DependencyService
39
Implementeer de interface in het platform project
Registreer deze bij de DependencyService (boven namespace)
Roep abstractie aan vanuit gedeelde code

40. MyFirstEntry_Android
Xamarin.Platform.
Android.EntryRenderer
MyFirstEntry_iOS
Xamarin.Platform.
iOS.EntryRenderer
Custom Renderers
40
Maak je eigen implementatie van hoe een control naar native wordt vertaald
Entry MyFirstEntry
Xamarin.Platform.
Windows.EntryRenderer
MyFirstEntry_WinPhone

41. www.bestppt.com
NuGet Nuggets
Met deze NuGet packages wordt het ontwikkelen nóg makkelijker

42. NuGet packages die we allemaal zouden moeten gebruiken!
42
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!

43. www.bestppt.com
It’s a wrap
Nog héél even volhouden…

44. Lessons learned
44
1 Do not underestimate publishing
2 Upgrading? Backup!
3
4
Test altijd op een fysiek apparaat
Weinig grip op je app in het wild

45. Leuk voor thuis
45
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

46. #schaamtelozezelfpromotie
46
Gerald Versluis
@jfversluis
blog.verslu.is
gerald@verslu.is
From Legislation to Organisation
Privacy by Design 101
17 November - Michel Gulpen