This document outlines an agenda for a Xamarin workshop. It will cover topics like Portable Class Libraries, Xamarin for iOS and Android, user interface frameworks like XIB and AXML, and MVVM patterns using MvvmCross. It also provides overviews of features like data binding, converters, and commands in MvvmCross. The workshop will demonstrate multiplatform solutions using services like PushSharp and content from Umbraco CMS. It will conclude with demos of sample apps like an employee directory and field service application built with Xamarin.

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.