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.
4 steps to great x-plat
apps
Alexey Strakh
Alex Sorokoletov
Hey, we’re Alexey and Alex
• Certified Xamarin Developers
• Microsoft MVP
• Multiple apps with Xamarin and MvvmCross
• Rec...
Step 1. Use MVVM
MvvmCross is the way
1.Crossplatform
2.Lots of components baked in
3.Proven solution
4.Extendable and opensource
5.Crosspl...
Step 2. Reuse the code
1. PCL
2.Solution structure
3.App structure
Use PCL
• Lots of 3rd party components (nuget)
• Flexibility
• One place
• Less efforts to maintain code
Proven solution structure
• App.Core project (Shared code)
• App.Android project (sometimes App.Droid)
• App.iOS project
•...
Mvx app structure
• Components
• Startup
• Navigation
• Presentation layer
App.cs code
MvxSetup.cs
AppDelegate.cs
Maximize shared code
Top reused things in crossplatform applications:
• Icon
• Splash
• Title
• Description
Wait!… What ab...
Demo 1
Hello, x-platform world
Step 3. Databind your UI
Views and ViewModels
Mvx bindings
1.Declarative
2.Code-behind
3.iOS/Android/WP/WPF/Mac/Silverlight
Demo 2
Bindings
Step 4. Use platform features
• Facebook native authentication
• Photos and camera access
• Push notifications
• Mail comp...
Platform-specific services
1.Register
2.Resolve
MvvmCross plugins
• Location
• Phone dial
• Picture chooser
• Compose email
• Vibrate
• Sqlite
• Social authentication
• M...
Demo 3
Real API integration
Advanced topics
• View presenters
• Custom views
• Custom bindings
• Mvx app lifecycle
Stay in touch
@AlexeyStrakh
@AlexSorokoletov
MvvmCross:
github.com/MvvmCross
stackoverflow.com/questions/tagged/mvvmcross
Upcoming SlideShare
Loading in …5
×

4 steps to great xplat apps (M

330 views

Published on

Published in: Software
  • Be the first to comment

  • Be the first to like this

4 steps to great xplat apps (M

  1. 1. 4 steps to great x-plat apps Alexey Strakh Alex Sorokoletov
  2. 2. Hey, we’re Alexey and Alex • Certified Xamarin Developers • Microsoft MVP • Multiple apps with Xamarin and MvvmCross • Recent example - one solution with iOS/Android/WindowsPhone/WPF Alexey Strakh @AlexeyStrakh Alex Sorokoletov @AlexSorokoletov
  3. 3. Step 1. Use MVVM
  4. 4. MvvmCross is the way 1.Crossplatform 2.Lots of components baked in 3.Proven solution 4.Extendable and opensource 5.Crossplatform glue between view and viewmodels
  5. 5. Step 2. Reuse the code 1. PCL 2.Solution structure 3.App structure
  6. 6. Use PCL • Lots of 3rd party components (nuget) • Flexibility • One place • Less efforts to maintain code
  7. 7. Proven solution structure • App.Core project (Shared code) • App.Android project (sometimes App.Droid) • App.iOS project • App.OtherPlatform projects
  8. 8. Mvx app structure • Components • Startup • Navigation • Presentation layer
  9. 9. App.cs code
  10. 10. MvxSetup.cs
  11. 11. AppDelegate.cs
  12. 12. Maximize shared code Top reused things in crossplatform applications: • Icon • Splash • Title • Description Wait!… What about code?
  13. 13. Demo 1 Hello, x-platform world
  14. 14. Step 3. Databind your UI Views and ViewModels
  15. 15. Mvx bindings 1.Declarative 2.Code-behind 3.iOS/Android/WP/WPF/Mac/Silverlight
  16. 16. Demo 2 Bindings
  17. 17. Step 4. Use platform features • Facebook native authentication • Photos and camera access • Push notifications • Mail composer • Background execution
  18. 18. Platform-specific services 1.Register 2.Resolve
  19. 19. MvvmCross plugins • Location • Phone dial • Picture chooser • Compose email • Vibrate • Sqlite • Social authentication • Many other at drmtm.us/mvxplugins
  20. 20. Demo 3 Real API integration
  21. 21. Advanced topics • View presenters • Custom views • Custom bindings • Mvx app lifecycle
  22. 22. Stay in touch @AlexeyStrakh @AlexSorokoletov MvvmCross: github.com/MvvmCross stackoverflow.com/questions/tagged/mvvmcross

×