Xamarin Overview by Houssem Dellai

Post on 14-Apr-2017

46 views 1 download

Transcript of Xamarin Overview by Houssem Dellai

Cross Platform Dev with XamarinHoussem Dellai

The Silo Approach

Build App Multiple Times

The Write-Once-Run-Anywhere Approach

Lowest CommonDenominator

The Anatomy of a Native App

Xamarin apps look and feel native because they are native

Native User Interfaces Native API Access Native Performance

Native Performance

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.

Xamarin + Xamarin.Forms

• Traditional Xamarin Approach • With Xamarin.Forms:More code-sharing, all native

iOS C# UI

Windows C# UIAndroid C# UI

Shared C# Logic

Xamarin.Forms

Shared C# Logic

✓Always Up-to-Date

Same-day support:• iOS 5• iOS 6• iOS 7• iOS 8• iOS 9• iOS 10

Full support for:• Apple Watch• Google Glass• Android Wear• Amazon Fire TV• and much more

Code SharingStats

Mac

iOS

Android

Windows Phone

iCircuit Touch Draw

86%

14%

72%

28%

70%

30%

61%

39%

88%

12%

76%

24%

90%

10%

Visual Studio Xamarin Studio

Xamarin Designer for iOS in Xamarin Studio

Pages

Content MasterDetail Navigation Tabbed Carousel

Layouts

Stack Absolute Relative Grid ContentView ScrollView Frame

ActivityIndicator BoxView Button DatePicker Editor

Entry Image Label ListView Map

OpenGLView Picker ProgressBar SearchBar Slider

Stepper TableView TimePicker WebView EntryCell

ImageCell SwitchCell TextCell ViewCell

Controls

Demo {Hello World}

Native UI from shared code

<ContentPage Title="Profile" Icon="Profile.png">

<StackLayout Spacing="20" Padding="20">

<Entry Placeholder="Username“ Text="{Binding

Username}"/><Entry Placeholder="Password"

Text="{Binding Password}“

IsPassword="true"/><Button Text="Login“

TextColor="White"BackgroundColor="#77D065"Command="{Binding

LoginCommand}"/></StackLayout>

</ContentPage>

Platform Customization

Demo {OnPlatform}

ListView

Demo {ListView}

Demo {Page Navigation}

Demo {TabbedPage}

Demo {MasterDetailPage}

NuGet Package ManagerNuGet support combined with the Xamarin Component Store gives Xamarin developers the most comprehensive ecosystem of libraries at their fingertips

Accessing Web Services

Demo {web Services}

Demo {Web Services}

Nuget Packages

Xamarin Platform is Open Source!

open.xamarin.com

Developed by Samsung

Based on OSS .NET Core

UI Based on OSS Xamarin.Forms

Get started at www.aka.ms/tizen

Tizen .NET Developer Preview

Tizen .NET Developer Preview• VS 2017 Extension from Samsung• Tizen Project Templates & Emulator• Runs on 50 Million+ Devices

Automatically test your app on

hundreds of mobile devices

Create native iOS, Android, Mac and

Windows apps in Visual Studio and C#

Remote iOS Simulator For Windows• Multi-Touch Enabled• Pressure Sensitive• Super Fast• Rotate, screenshots,

location changes

Xamarin Inspector

Xamarin Profiler• Allocations• Cycles• Memory• Performance• Time Profiler• Windows &

macOS

Xamarin.Forms Previewer• Preview & Modify XAML Live• Custom Control Rendering• Xamarin Studio & Visual

Studio• Preview Available TOday

Thank you Questions ?