Xamarin

NATIVE/CROSS-PLATFORM UI
XAMARIN
Fabio Cozzolino
Microsoft MVP
@fabiocozzolino
www.fabiocozzolino.eu

Chi sono
• Microsoft Integration MVP dal 2010
• Chief Software Developer in CompuGroup Medical Italia
• DotNetSide – User Group .NET con sede a Bari

Agenda
• Perché Xamarin?
• La piattaforma
• Sviluppare per iOS e Android
• Xamarin.Forms

Scenario: perchè siamo qui?
• iOS e Android la fanno da padrone, Windows Phone
rincorre…
• Per coprire tutto il mercato devo scrivere tre versioni della
stessa app
• Ho bisogno di tre team differenti ognuno competente su
uno specifico OS
• Soluzioni Cross-platform? Web app?

Quindi perché non condividere il
nostro codice c#?

La piattaforma Xamarin e C#
• Principali caratteristiche
• Generazione di codice nativo
• Platform API Bindings
• Code Sharing
• UI dedicata (*)
• Integrazione con Visual Studio
• Qualsiasi cosa fatta in Objective-C, Swift o Java può essere
fatta in C# con Xamarin e/o con Visual Studio

Cosa serve per sviluppare per iOS
• Su MacOS
• Xamarin Studio
• Xcode
• Su Windows
• Visual Studio
• Xamarin Plugin per Visual Studio
• Un mac che agisce da server di compilazione
• Un account Apple Developer

Cosa serve per sviluppare per Android
• Su Mac/Windows
• Xamarin Studio
• Un account Google Play Developer
• Android SDK
• Xamarin Plugin per Visual Studio
• Genymotion / Xamarin Android Player (preview)

Classic Xamarin Architecture
User Interface
App Layer
Business Layer
Service Access Layer
Data Access Layer
Data Layer

Condividere il codice
• Shared Project
• Costanti di compilazione condizionale
• Partial classes
• PCL (Portable Class Library)
• 1 assembly per più piattaforme
• Supporto completo in Visual Studio 2015
e in Xamarin Studio
• codebase centralizzata

Xamarin Approach
Shared App
Logic
Native UI
C#
Native UI
C#
Shared C# App Logic Shared C# App Logic
Shared App
Logic
Share
d UI
Code
Androi
d
UI
Code
Windo
ws
UI
Code
in C#
Shared App
Logic
Shared App
Logic
iO
S
UI
Andr
oid
UI
Wind
ows
UI Shared UI
Code
iOS UI
Android
UI
Windows
UI
Shared App Logic
Shared App
Logic
Native UI
C#
Native UI
C#
Native UI
C#
Shared C# App Logic Shared C# App Logic
Shared App
Logic
Share
d UI
Code
Androi
d
UI
Code
Windo
ws
UI
Code
in C#
Shared App
Logic
Shared App
Logic
iO
S
UI
Andr
oid
UI
Wind
ows
UI Shared UI
Code
Model
View and ViewModel
(UI and controller)
Traditional
(80% code reuse)
MVVM con Xamarin.Forms
(99,9% code reuse)

ModelView ViewModel
Xamarin.Forms
Data Binding
Events
Data
Model-View-ViewModel

What is Xamarin.Forms?
• UI condivisa
• 40+ Pages, Layouts, Controls
• Compilazione nativa
• Programmazione (anche) dichiarativa con XAML (standard
2009)
• Two-way Data binding
• Commands
• Converters
• Pieno supporto per le piattaforme recenti (iOS 9.1 e Android
6.0 – Marshmellow)

Cross-platform si, ma…
• Ovviamente non tutto può essere condiviso
• Gestione delle specificità mediante:
• Renderers – creazione di controlli custom o estensione dei controlli
esistenti
• DependencyService – Inversione di controllo per l’implementazione
di classi specifiche
• Classe Device – per l’esecusione di azioni specifiche

WP
Android
iOS
Renderers
• La UI è composta da controlli “platform-indipendent”
• I controlli vengono “tradotti” nei controlli specifici
Label
UILabel
TextView
TextBlock
LabelRenderer
LabelRenderer
LabelRenderer

Dependency Service
• Semplice container IoC per la risoluzione delle istanze
• Basato sull’utilizzo di interfacce
• Interfaccia comune
IDatabase
• Implementazione specifica
iOSDatabase, AndroidDatabase
• Registro la dipendenza
[assembly: Dependency(typeof(iOSDatabase)]
• Utilizzo l’istanza nel progetto condiviso
DependencyService.Get<IDatabase>

Classe Device
Label.FontSize = Device.OnPlatform(
24,
Device.GetNamedSize(NamedSize.Medium, label),
Device.GetNamedSize(NamedSize.Large, label)
);
<BoxView HorizontalOptions="Center">
<BoxView.Color>
<OnPlatform x:TypeArguments="Color"
iOS="Green"
Android="#738182"
WinPhone="Accent" />
</BoxView.Color>
<BoxView.WidthRequest>
<OnPlatform x:TypeArguments="x:Double"
iOS="30"
Android="40"
WinPhone="50" />
</BoxView.WidthRequest>
</BoxView>

Cosa posso fare con Xamarin.Forms?
• Navigation
• Animation API
• Messaging Center
• Custom Controls
• Gesture Recognizers
• Xamarin.Forms.Maps
• Triggers and Behaviors (1.3.0+)

Windows Apps with Xamarin Forms
• Disponibile in preview con Xamarin.Forms 1.4.2
• Include anche il supporto per Windows Phone 8.1
• Richiede alcuni interventi “manuali”
• Limitazioni rilevanti
• Nessun supporto alle mappe
• No Grid View control
• No Embedded Resource da assembly esterni
• Device.OnPlatform non ancora supportato

Aggiornamenti
• Xamarin.iOS e Xamarin.Android vengono costantemente
aggiornati
• Le nuove versioni vengono rilasciate entro le 24/48 ore successive
ai rilasci degli SDK
• Supportato dai maggiori vendors: Telerik, Infragistics, etc..
• Utilizzato da Microsof, HP, Cisco, Accenture, Novartis, AT&T,
etc...

What’s next
• Partnership Microsoft – Xamarin più forte
• Xamarin templates inclusi in Visual Studio
• Quando create il primo progetto Android o iOS viene avviato il
download di Xamarin Starter Edition
• Al momento è necessaria una licenza business per compilare e
debuggare iOS

Riferimenti
• Contattatemi
• @fabiocozzolino
• www.fabiocozzolino.eu
• Xamarin
• @xamarinhq
• http://www.xamarin.com
• Sviluppatori Xamarin Italia
• https://www.facebook.com/groups/sviluppatorixamarinitalia/

Xamarin

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Xamarin (20)

Xamarin

Editor's Notes