Cross Platform Mobile Development with Xamarin

5. iOS WindowsAndroid
Objective-C
Xcode
C#
Visual Studio
Java
Android Studio
No shared code • Many languages & development environments • Multiple teams

6. App Generator
Lua
Javascript
Actionscript
HTML+CSS
Limited native API access • Slow performance • Poor user experience

7. Shared C# codebase • 100% native API access • High performance
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile

8. Traditional Xamarin
Approach
With Xamarin.Forms:
More code-sharing, all native
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Backend
Shared UI Code
Shared C# Backend

9. Xamarin.iOS does full Ahead Of Time
(AOT) compilation to produce an ARM
binary for Apple’s App Store.
Xamarin.Android takes advantage of
Just In Time (JIT) compilation on the
Android device.

12. Xamarin is included
in Visual Studio

13. Xamarin.com/Download

14. • Create UI with drag & drop
simplicity
• Target multiple screen
sizes, resolutions and
Android versions
• Layouts saved in standard
Android XML files

15. • Multi-Touch Enabled
• Super Fast
• Rotate, screenshots,
location changes, and
more!
http://bit.ly/hyperv-android

16. • Follows familiar Visual Studio
designer idioms
• Supports all UIKit elements
• Edit custom and 3rd party
components
• Live preview of changes to
properties

17. • Multi-Touch Enabled
• Pressure Sensitive
• Super Fast
• Rotate, screenshots,
location changes
• Never leave VS

20. Xamarin.iOS Xamarin.Android

23. Mac
iOS
Android
Windows Phone
Calca iCircuit Touch Draw
86%
14%
72%
28%
77%
23%
70%
30%
61%39%
94%
6%
88%
12%
76%
24%
90%
10%

24. Page is an abstract class used to define a single screen of content. Derived
types provide specific visualization/ behavior
Page that
navigates
between children
using tab bar
Content Master Detail Navigation Tabbed Carousel
Page allowing
swipe gestures to
switch between
children

25. View is the base class for all visual controls, most standard controls are
presents
Label Image SearchBar
Entry ProgressBar ActivityIndicator
Button Slider OpenGLView
Editor Stepper WebView
DatePicker Switch ListView
BoxView TimePicker
Frame Picker

26. Platform defines a renderer for each view that creates a native
representation of the UI
Button button = new Button {
Text = "Click Me!"
};
UI uses a Xamarin.Forms Button
Platform Renderer takes view and
turns it into platform-specific control
Android.Widget.Button
UIButton
System.Windows.Button

29. What if we didn’t have to
write this code?
What if we could access
it from shared code?
UI+APIs UI + APIsUI + APIs
Battery
GPS
Lights
Notifications
Settings
Text To Speech
Battery
GPS
Lights
Notifications
Settings
Text To Speech
Battery
GPS
Lights
Notifications
Settings
Text To Speech

30. TextToSpeech
Speak(“Hello World”);
AVSpeechSynthesizer SpeechSynthesizer

31. Common API

35. http://bit.ly/xamarindicoding