Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Xamarin workshop
Nguyen Nhu Hieu – SMIC Technical Lead - Development
Agenda
 Portable Class Library (PCL)
 XAMARIN iOS
 Objective C & C#
 XIB UI
 XAMARINAndroid
 Java & C#
 AXML UI
 M...
Portable Class Library (PCL)
 1 Solution
 Multiple Platforms
Portable Class Library –Why?
 Centralized Code Sharing
 Consistent Structure
 Seamless Debug
 Easy to maintain
 Proje...
PCL - Platform IndependentAPIs
 Platform – specific libraries cannot be referenced
 No Silverlight ControlToolkit
 No P...
PCL Diagram
Compilation Flow
 iOS: C# > Objective C >
APP
 Android: C# > Java > APK
 WP/ Store: C# > XAP
Xamarin iOS
Xamarin iOS
Xamarin iOS – In Code
 100% Components ported to C#
 iOS UI can be done without XIB/ StoryBoards
Xamarin iOS - Xcode Designer
Xamarin iOS - Storyboard
Xamarin iOS
Demo
Xamarin Android
 JavaTranslation via
Sharpen
 XobotOS
Xamarin Android
 Activity
 Intent
 Resources
 Services
Xamarin Android UI
Xamarin Android
Demo
Model –View -ViewModel
ViewModel
Model
get/set
Properties
callCommands
notify changes
some messaging
Whatever C# you
like!...
Mvvm Cross PlatformView
ViewModel
Model
SharedPlatform Specific
get/set
Properties
callCommands
notify changes
some messag...
MVVMCross – Dev Flow
1. Create Services – ‘Back end’ – PCL .cs
2. CreateViewModels – PCL .cs
3. CreateViews
• .AXML - Mono...
MVVM Cross - Binding
MVVMCross - Converter
MVVMCross - Converter
MVVMCross - Command
MVVMCross
Demo
MVVMCross – UI Generics
 List
 Form
MVVMCross - Generics
 Tabs | Pivot | Panorama
Multiplatform Solution - PushSharp
Multiplatform Solution - PushSharp
PushSharp iOS
PushSharpAndroid
PushSharp –Windows Phone
Umbraco
CMS
SQL
Server
Custom
WebAPI
(JSON + REST)
Core Logic,
including:
- REST client
- Caching
- ViewModels
SQLite
XAML...
Demo
 Prebuilt
 Employee Directory App
 Field Service App
 Xamarin Store
Xamarin DevelopersVietnam
 https://www.facebook.com/groups/860110274003469/
 http://www.meetup.com/Xhackers-Vietnam/
 X...
Upcoming SlideShare
Loading in …5
×

Xamarin workshop

1,073 views

Published on

Published in: Technology
  • ➤➤ How Long Does She Want You to Last? Here's the link to the FREE report ●●● https://tinyurl.com/rockhardxxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ➤➤ 3 Reasons Why You Shouldn't take Pills for ED (important) ◆◆◆ http://ishbv.com/rockhardx/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Xamarin workshop

  1. 1. Xamarin workshop Nguyen Nhu Hieu – SMIC Technical Lead - Development
  2. 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. 3. Portable Class Library (PCL)  1 Solution  Multiple Platforms
  4. 4. Portable Class Library –Why?  Centralized Code Sharing  Consistent Structure  Seamless Debug  Easy to maintain  Project Sharing (Core)  NuGet  XamarinComponent Store
  5. 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. 6. PCL Diagram
  7. 7. Compilation Flow  iOS: C# > Objective C > APP  Android: C# > Java > APK  WP/ Store: C# > XAP
  8. 8. Xamarin iOS
  9. 9. Xamarin iOS
  10. 10. Xamarin iOS – In Code  100% Components ported to C#  iOS UI can be done without XIB/ StoryBoards
  11. 11. Xamarin iOS - Xcode Designer
  12. 12. Xamarin iOS - Storyboard
  13. 13. Xamarin iOS Demo
  14. 14. Xamarin Android  JavaTranslation via Sharpen  XobotOS
  15. 15. Xamarin Android  Activity  Intent  Resources  Services
  16. 16. Xamarin Android UI
  17. 17. Xamarin Android Demo
  18. 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. 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. 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. 21. MVVM Cross - Binding
  22. 22. MVVMCross - Converter
  23. 23. MVVMCross - Converter
  24. 24. MVVMCross - Command
  25. 25. MVVMCross Demo
  26. 26. MVVMCross – UI Generics  List  Form
  27. 27. MVVMCross - Generics  Tabs | Pivot | Panorama
  28. 28. Multiplatform Solution - PushSharp
  29. 29. Multiplatform Solution - PushSharp
  30. 30. PushSharp iOS
  31. 31. PushSharpAndroid
  32. 32. PushSharp –Windows Phone
  33. 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. 34. Demo  Prebuilt  Employee Directory App  Field Service App  Xamarin Store
  35. 35. Xamarin DevelopersVietnam  https://www.facebook.com/groups/860110274003469/  http://www.meetup.com/Xhackers-Vietnam/  XamarinTurns 3 event in June.

×