Mobile design patterns

Transcript

1. Mobile design patterns Alexandra Marin @ ITAKE Unconference 2017 @xmonodev

   crossplatform.io

2. Hello! { } #mobile #designpatterns #itakeunconf crossplatform.io

3. Design code that runs cross-platform { crossplatform.io } #mobile #designpatterns

   #itakeunconf crossplatform.io

4. Overview { crossplatform.io } #mobile #designpatterns #itakeunconf crossplatform.io

5. The mobile problem { crossplatform.io } #mobile #designpatterns #itakeunconf

6. Target universal features { crossplatform.io } #mobile #designpatterns #itakeunconf

7. Enhance experience based on device capabilities { crossplatform.io } #mobile

   #designpatterns #itakeunconf

8. Platform-independent code with Xamarin { crossplatform.io } #mobile #designpatterns #itakeunconf

9. Platform-specific code with Xamarin { crossplatform.io } #mobile #designpatterns #itakeunconf

10. Case study #1: Different capabilities Case study #2: Different platform

    { crossplatform.io } #mobile #designpatterns #itakeunconf

11. Taking a selfie #mobile #designpatterns #itakeunconf crossplatform.io

12. { crossplatform.io } #mobile #designpatterns #itakeunconf Facade design pattern crossplatform.io

13. //On platform if(deviceHasCamera) { //Take photo via Camera app //Apply

    resizing //Save it via File Manager } else { //Choose from gallery } { crossplatform.io } #mobile #designpatterns #itakeunconf crossplatform.io

14. { crossplatform.io } #mobile #designpatterns #itakeunconf //Shared code camera.ReturnPhoto(); crossplatform.io

15. Save the date #mobile #designpatterns #itakeunconf crossplatform.io

16. Bridge design pattern { crossplatform.io } #mobile #designpatterns #itakeunconf crossplatform.io

17. { crossplatform.io } #mobile #designpatterns #itakeunconf //Shared code class MyCalendar

    { ICalendar calendar; void SaveTheDate() { calendar.AddEvent(); } } crossplatform.io

18. { crossplatform.io } #mobile #designpatterns #itakeunconf //iOS iOSCalendar : ICalendar

    { AddEvent() { //add event with //EventKit } } crossplatform.io

19. { crossplatform.io } #mobile #designpatterns #itakeunconf //Android DroidCalendar : ICalendar

    { AddEvent() { //add event with //CalendarContract } } crossplatform.io

20. Inversion of Control { crossplatform.io } #mobile #designpatterns #itakeunconf

21. Service locator { crossplatform.io } #mobile #designpatterns #itakeunconf

22. //Construct on platform Locator.RegisterType <ICalendar, iOSCalendar>(); //Use in shared code

    Locator.Resolve<ICalendar>(); { } #mobile #designpatterns #itakeunconf { crossplatform.io }

23. Dependency injection { crossplatform.io } #mobile #designpatterns #itakeunconf { crossplatform.io

    }

24. { crossplatform.io } #mobile #designpatterns #itakeunconf //Construct on platform IoC.RegisterType

    <ICalendar, iOSCalendar>(); //Gets injected in shared class constructor public SharedClass(ICalendar cameraHelper) { crossplatform.io }

25. Summary { crossplatform.io } #mobile #designpatterns #itakeunconf { crossplatform.io }

    crossplatform.io

26. Ask Me Anything crossplatform.io or @xmonodev { crossplatform.io } #mobile

    #designpatterns #itakeunconf { crossplatform.io } crossplatform.io