alejandro campos magencio ms technical evangelist @alejacma extreme code sharing with c# y a xb

#dotNETSpain2015

Alejandro Campos MagencioMS Technical Evangelist@alejacma

Extreme Code Sharing with C#

Y

AX B

#dotNETSpain2015

#dotNETSpain2015

What? Why?

#dotNETSpain2015#dotNETSpain2015

The Siloed Approach

Objective C+ XIB

Java + XML C# + XAML

Native UI Native UI Native UI

Optional Remote Services(ASP.NET Web API or any server

technology)

Visual StudioEclipseXcode

Native UIJS + HTML


The C# Unique Approach

C# + XIB C# + XML C# + XAML

Native UI Native UI Native UI

Optional Remote Services(ASP.NET Web API

or any server technology)

Shared client app C# logic

#dotNETSpain2015

How?


Platforms

Win 8.1 WP8.1 WP8

Xamarin (~.NET 4.5, C# 5.0)

WinRTAPI

WinPRT / .NET API for WP

Android API

iOSAPI

.NET 4.5.1C# 5.0

.NET 4.5C# 5.0

WPSilverlig

htXAML

WinRTXAML XML XIB /

Storyboard

Universal Apps


C#

Type Inference

Language-levelAsync

GenericsCollections

Lambda ExpressionsLINQ


Portable Class Libraries (PCLs)

Win 8.1 WP8.1 WP8


WinRTAPI


Android API

iOSAPI

.NET 4.5.1C# 5.0

.NET 4.5C# 5.0

WPSilverlig

htXAML

WinRTXAML XML XIB /

Storyboard

Universal Apps

App Logic


Portable for Universal Apps

Win 8.1 WP8.1 WP8


WinRTAPI


Android API

iOSAPI

.NET 4.5.1C# 5.0

.NET 4.5C# 5.0

WPSilverlig

htXAML

WinRTXAML XML XIB /

Storyboard

Universal Apps

UIApp Logic API Calls


Xamarin.Forms Portable

Win 8.1 WP8.1 WP8


WinRTAPI


Android API

iOSAPI

.NET 4.5.1C# 5.0

.NET 4.5C# 5.0

Platform specific

UI

WinRTXAML

Platform specific

UI

Platform specific UI

Universal Apps

UIApp Logic


Inheritance using base classes

public abstract class MyBaseClass { public void CommonMethod() { // Common code }

public abstract void PlatformSpecificMethod(); }

public class MyPlatformClass : MyBaseClass { public override void PlatformSpecificMethod() { // Platform specific code } }

PCL

Platform Project


Polymorphism using interfaces

public interface IPlatformCode { void PlatformSpecificMethod(); }

public class MyClass { private IPlatformCode platformCode;

public MyClass(IPlatformCode platformCode) { this.platformCode = platformCode; }

public void CommonMethod() { // Common code }

public void PlatformSpecificMethod() { platformCode.PlatformSpecificMethod(); }}

public class MyPlatformClass : IPlatformCode { public void PlatformSpecificMethod() { // Platform specific code } }

MyClass myClass = new MyClass(new MyPlatformClass());

PCL Platform Project


File Linking

Win 8.1 WP8.1 WP8


WinRTAPI


Android API

iOSAPI

.NET 4.5.1C# 5.0

.NET 4.5C# 5.0

WPSilverlig

htXAML

WinRTXAML XML XIB /

Storyboard

Universal Apps

UIApp

Logic API Calls

UIApp

Logic API Calls

UIApp

Logic API Calls

UIApp

Logic API Calls

UIApp

Logic API Calls


Universal Shared Projects

Win 8.1 WP8.1 WP8


WinRTAPI


Android API

iOSAPI

.NET 4.5.1C# 5.0

.NET 4.5C# 5.0

WPSilverlig

htXAML

WinRTXAML XML XIB /

Storyboard

Universal Apps



Xamarin.Forms Shared Projects

Win 8.1 WP8.1 WP8


WinRTAPI


Android API

iOSAPI

.NET 4.5.1C# 5.0

.NET 4.5C# 5.0

WPSilverlig

htXAML

WinRTXAML XML XIB /

Storyboard

Universal Apps



Conditional Compilation

#if WINDOWS_PHONE // Windows Phone specific code #elif __IOS__ // iOS specific code #else // Android specific code #endif

Shared Project / Linked File


Partial Classes

public partial class MyClass { public void CommonMethod() { // Common code } }

public partial class MyClass { public void PlatformSpecificMethod() { // Platform specific code } }

Shared Project / Linked File

Platform Project

#dotNETSpain2015

The Key to Success


MVVM

View ViewModel Model

Notifications

Data Bindings

Commands

Presentation Logic Business Logicand Data

UI Logic(Code Behind)

UI

#dotNETSpain2015

Demo Time


MarvelApp

Windows 8.1


MarvelApp

Windows Phone 8.1 AndroidWindows Phone 8.0

Windows 8.1 WP8.1 WP8

View-Model


View-Model


XAMLCode Behind

XAMLCode Behind

Code Behind

Custom Renderers Custom RenderersControls

XAML + Code Behind

App App

Service Locator Service Locator

View-Model


Service Abstractions

Navigation Service Navigation Service


App App

XAMLCode Behind

XAMLCode Behind

Code Behind


XAML + Code Behind





App App

Entities

Repositories

Factories

Data Context Abstractions

API Clients

Data Contexts

Configuration

Data Contexts Data Contexts

View-Model

XAMLCode Behind

XAMLCode Behind

Code Behind


XAML + Code Behind





App App

Entities

Repositories

Factories


API Clients

Data Contexts

Configuration


Azure Mobile Services

Push PushPush

View-Model

XAMLCode Behind

XAMLCode Behind

Code Behind


XAML + Code Behind

View-Model



Entities

Repositories

Factories


API Clients


Push

Data Contexts

Push

Configuration

Push




App App

XAMLCode Behind

XAMLCode Behind

Code Behind


XAML + Code Behind

View-Model



View View

Model

View

Model

Push

View View

Model

PushPush

Services

Services Services


App App

Model

View

#dotNETSpain2015

Alejandro Campos MagencioMS Technical Evangelist@alejacma

¡¡¡Si te ha gustado no olvides rellenar la encuesta!!!Thanks

Y

AX B

alejandro campos magencio ms technical evangelist @alejacma extreme code sharing with c# y a xb

Documents

winrt api winprt net

wp android api ios

1wp8 xamarin

file slide

xb slide

public void commonmethod

ios specific code

public class myclass