More info on http://www.techdays.be

1. Building Cross Platform Mobile
Solutions

2. @gittetitter
proq.blogspot.com

4. My perfect mobile world ...

5. My perfect mobile world ...

6. My perfect mobile world ...

7. My perfect mobile world ...
Data Access
Business Logic
Service Interface
Service Local Service Local Service Local Service Local
Consumption Data/Services Consumption Data/Services Consumption Data/Services Consumption Data/Services
Business Logic Business Logic Business Logic Business Logic
UI Logic UI Logic UI Logic UI Logic
WP iOS Droid Win8

8. My perfect mobile world ...
Data Access
Business Logic
Service Interface
Service Consumption Local Data/Services
Business Logic
UI Logic
WP iOS Droid Win8

9. My perfect mobile world ...
Data Access
Business Logic
Service Interface
Service Consumption Local Data/Services
Business Logic
UI Logic
WP iOS Droid Win8

10. My perfect mobile world ...
Data Access
Business Logic
Service Interface
Service Consumption Local Data/Services
Business Logic
UI Logic
WP iOS Droid Win8

11. My perfect mobile world ...
Data Access
Business Logic
Service Interface
Service Consumption Local Data/Services
Business Logic
UI Logic
WP iOS Droid Win8

12. Can we do this?
Portable
Class Xamarin MvvmCross
Libraries

13. Intro

14. How did we do this?
Portable
Class Xamarin MvvmCross
Libraries

15. Portable Class Library
- Share code across platforms

16. Portable Class Library
Windows Windows
Store App Phone App
Startup PCL Startup
Views Views
ViewModels
iOS Android
App App
Models
Startup Startup
Views Views

18. How did we do this?
Portable
Class Xamarin
Libraries

19. Xamarin for Android/iOS

20. Xamarin for Android/iOS
Data Access
Business Logic
Service Interface
Service Consumption Local Data/Services
Business Logic
Xamarin
UI Logic
WP iOS Droid Win8

21. Xamarin for Android/iOS
Code
Completion
for Native
APIs
Visual Point and
Studio click UI
Integration design
Advanced
Debugging
Support

22. Xamarin for Android/iOS

23. Xamarin for Android/iOS

25. Getting Started
- Windows PC or Mac
- Google Play account /
iOS account
- Xamarin for Android /
Xamarin for iOS:
free – 999$

26. How did we do this?
Xamarin MvvmCross

27. M-V-VM
Data Binding
(binder)

28. M-V-VM
Designable Separation
(Blend) of
Concerns
More
Code reuse structured
code
Databinding Testable

29. MvvmCross

30. MvvmCross
Data Binding
(binder)

31. MvvmCross
Android
WP/Win8 HomeViewModel SessionsViewModel SessionDetailViewModel
iOS

32. MvvmCross
Device
Plugin Your app
Specific
MvxWinRTColor Add Plugin
IMvxNativeColor MvxAndroidColor Add Plugin
MvxWPColor Add Plugin

33. MvvmCross

35. MvvmCross
- ViewModels
- DI
- Services/Plugins
- Navigation
- Unit test

36. MvvmCross
Data Binding
(binder)

38. A WP app with MvvmCross
- Data Binding as you know it
- ViewModels are auto-wired using MvxPhonePage<TViewModel>
- Configure platform specific services
... and that’s it

40. An Android app with MvvmCross
- UI is build up using .axml
- Data Binding using json expressions
- Navigation mapped to Intents
- ViewModels are auto-wired using
MvxBindingActivityView<TViewModel>
- ValueConverters can be used

41. Lessons Learned

42. Why this became my precious 
- Native UI
- Native Performance
- One language to rule them all
- 95% shared application logic
- 100% shared test harness
- Overall dev time ≈ dev time per app
- Changes can be done in 1 place (most of the time)

43. Why this became my precious 
Portable
Class Xamarin MvvmCross
Libraries

44. Related Sessions
- Coding and designing for Windows 8 and Windows Phone 8, best
practices and reusing code
- Laurent Bugnion
- Applied MVVM in Windows 8 apps: not your typical MVVM session!
- Gill Cleeren
- Live coding: The Windows Store Apps showdown - C# vs JavaScript
- Iris Classon

45. Other Resources
- MvvmCross
- https://github.com/slodge/MvvmCross
- http://slodge.blogspot.com
- Xamarin
- http://xamarin.com/
- monogame.net
- The bits
- https://github.com/vermegi/TechdaysBeDemo

46. Thanks!
@gittetitter
proq.blogspot.com