1. Xamarin workshop
Nguyen Nhu Hieu – SMIC Technical Lead - Development

2. Agenda
 Portable Class Library (PCL)
 XAMARIN iOS
 Objective C & C#
 XIB UI
 XAMARINAndroid
 Java & C#
 AXML UI
 MVVMCross
 MVVM & Data Binding
 Multiplatform Extension

3. Portable Class Library (PCL)
 1 Solution
 Multiple Platforms

4. Portable Class Library –Why?
 Centralized Code Sharing
 Consistent Structure
 Seamless Debug
 Easy to maintain
 Project Sharing (Core)
 NuGet
 XamarinComponent
Store

5. PCL - Platform IndependentAPIs
 Platform – specific libraries cannot be referenced
 No Silverlight ControlToolkit
 No P/Invoke , pointer, overloading function to C/C++
 PCL is a subset of .NET Framework

6. PCL Diagram

7. Compilation Flow
 iOS: C# > Objective C >
APP
 Android: C# > Java > APK
 WP/ Store: C# > XAP

8. Xamarin iOS

9. Xamarin iOS

10. Xamarin iOS – In Code
 100% Components ported to C#
 iOS UI can be done without XIB/ StoryBoards

11. Xamarin iOS - Xcode Designer

12. Xamarin iOS - Storyboard

13. Xamarin iOS
Demo

14. Xamarin Android
 JavaTranslation via
Sharpen
 XobotOS

15. Xamarin Android
 Activity
 Intent
 Resources
 Services

16. Xamarin Android UI

17. Xamarin Android
Demo

18. Model –View -ViewModel
ViewModel
Model
get/set
Properties
callCommands
notify changes
some messaging
Whatever C# you
like!
View
View
ViewModel
ViewModel
Model
Model

19. Mvvm Cross PlatformView
ViewModel
Model
SharedPlatform Specific
get/set
Properties
callCommands
notify changes
some messaging
Whatever C# you
like!
View
View
ViewModel
ViewModel
Model
Model

20. MVVMCross – Dev Flow
1. Create Services – ‘Back end’ – PCL .cs
2. CreateViewModels – PCL .cs
3. CreateViews
• .AXML - Mono for Android – (tablet and) phone
• .XIB and .cs - MonoTouch for iOS – iPad and iPhone
• .XAML -WP7 andWinRT

21. MVVM Cross - Binding

22. MVVMCross - Converter

23. MVVMCross - Converter

24. MVVMCross - Command

25. MVVMCross
Demo

26. MVVMCross – UI Generics
 List
 Form

27. MVVMCross - Generics
 Tabs | Pivot | Panorama

28. Multiplatform Solution - PushSharp

29. Multiplatform Solution - PushSharp

30. PushSharp iOS

31. PushSharpAndroid

32. PushSharp –Windows Phone

33. Umbraco
CMS
SQL
Server
Custom
WebAPI
(JSON + REST)
Core Logic,
including:
- REST client
- Caching
- ViewModels
SQLite
XAML (Win8)
XAML(WP8)
AXML(Android)
XIB/SB (iOS)
Shared
Entities
Client Apps Server
PCL
PCL
.Net4 .Net4
Xamarin.iOS
Xamarin.Android
Silverlight
WinRT

34. Demo
 Prebuilt
 Employee Directory App
 Field Service App
 Xamarin Store

35. Xamarin DevelopersVietnam
 https://www.facebook.com/groups/860110274003469/
 http://www.meetup.com/Xhackers-Vietnam/
 XamarinTurns 3 event in June.