Download - Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Transcript
Page 1: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Introducción al desarrollo de Apps nativas

multiplataforma con Xamarin.Forms

Page 2: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Javier SuárezWindows Developer IcineticMicrosoft MVP Windows Platform Development

• Blog: http://geeks.ms/blogs/jsuarez• Email: [email protected]• Twitter: @jsuarezruiz

Josué Yeray Lead Windows Developer IcineticMicrosoft MVP Windows Platform Development

• Blog: http://geeks.ms/blogs/jyeray• Twitter: @JosueYeray

Page 3: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Permite testear las apps en cientos de dispositivos

móviles

Permite crear apps nativas para iOS, Android, Mac y

Windows desde Visual Studio y con C#

Page 4: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

El problema

Creas la misma Appvarias veces

Page 5: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

El enfoque de Xamarin

Nativo compartiendocódigo

Page 6: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Es decir, cualquier cosa que puedas hacer en

Objective-C, Swift, o Java

se puede hacer con C# con Xamarin usando

Visual Studio

Page 7: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Portable Class Libraries

Page 8: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Xamarin + Xamarin.FormsCon Xamarin.Forms:

Se comparte más, controles

compartidos

El enfoque tradicional de Xamarin

Shared UI Code

Page 9: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Xamarin + Xamarin.Forms

Shared UI Code

Permite crear facilmente y con rapidez interfaces de usuario nativas compartidas

Los elementos de Xamarin.Forms son mapeados a elementos nativos y behaviors propios de cada plataforma

Podemos mezclar Xamarin.Forms con APIs nativas

Page 10: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Páginas

Content MasterDetail Navigation Tabbed Carousel

Page 11: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Layouts

Stack Absolute Relative Grid ContentView ScrollView Frame

Page 12: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Controles

ActivityIndicator

BoxView Button DatePicker Editor

Entry Image Label ListView Map

OpenGLView Picker ProgressBar SearchBar Slider

Stepper TableView TimePicker WebView EntryCell

ImageCell SwitchCell TextCell ViewCell

Page 13: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Comenzamos a

conocer

Xamarin.Forms

Page 14: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

MVVM con Xamarin.Forms

VistaVistaModel

o

Modelo

Modelo

MainView.Xaml

MainViewModel.c

s

Data Binding

Comandos

Interfaz de Usuario Lógica de Negocio

Lógica de Negocio

Lógica de Presentación

Page 15: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

MVVM en

escena!

Page 16: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Xamarin.Forms

VS MVVMCross

Page 17: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Preguntas y respuestas.

¿Dudas?

P&R

Page 18: Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms

Introducción al desarrollo de Apps nativas multiplataforma con C# usando Xamarin.Forms

Gracias por vuestro

tiempo!