esteban solano granados -...

Esteban Solano Granados

@stvansolano

Follow #XamarinDiplomado

Lección 1: Introducción a la estructura de Xamarin.Forms

Agenda

Lección 1: Introducción a la estructura de Xamarin.Forms

Tema 1: Introducción a Xamarin.Forms

Tema 2: Capa de abstracción y proyectos nativos

Tema 3: Eventos de aplicación y el modelo de paginas

Introducción a Xamarin.Forms

Standard

Controls

Layout

Controls

Maps

NavigationCustom

Controls

XAMLData

Binding

Styles +

Triggers

Framework multi-plataforma para

crear aplicaciones con XAML y C#

• +40 controles y páginas

• Gratuito & Open Source

• Basado en C# y XAML

• Extendible y personalizable

¿Qué es Xamarin.Forms?

Disponible para:

• Android 4.0+

• iOS 6.1+

• Windows Phone 8.x

• Windows 10 (UWP)

El enfoque Xamarin.Forms

100% acceso nativo a los componentes

Código compartido entre plataformas

Rendimiento nativo.

Una única fuente de código con menos fragmentación.

Un único ambiente de desarrollo

Posibilidad de compartir código común entre las aplicaciones

Lógica de la Aplicación

Compartida

Xamarin.Forms

Código de UI compartida en C#

Recomendada para aplicaciones

empresariales y aplicaciones con

muchas entradas de datos y/o

prototipos.

Fácil de aprender, más productiva y

sin conocimiento obligatorio de cada

plataforma específica.

100% acceso nativo a los

components de cada plataforma

Agenda

Lección 1: Introducción a la estructura de Xamarin.Forms

Tema 1: Introducción a Xamarin.Forms

Tema 2: Capa de abstracción y proyectos nativos

Tema 3: Eventos de aplicación y el modelo de paginas

Enfoque tradicional vrs. Xamarin.Forms

iOS C# UI Windows C# UIAndroid C# UI

Código compartidoCódigo compartido

Interfaz Gráfica

Clic derecho ->

Estructura de una app Xamarin.Forms

Agenda

Lección 1: Introducción a la estructura de Xamarin.Forms

Tema 1: Introducción a Xamarin.Forms

Tema 2: Capa de abstracción y proyectos nativos

Tema 3: Eventos de aplicación y el modelo de paginas

Running

OnStart

OnSleepOnResume

App.xaml.cs

Eventos de la aplicación

Modelo de páginas y contenedores

Layouts

Pages

Stack Absolute Relative Grid ContentView ScrollView Frame

Content MasterDetail Navigation Tabbed Carousel

DEMO

Módulo 4: Xamarin.Forms

Lección 1: Introducción a la estructura de Xamarin.Forms

Esteban Solano Granados

@stvansolano

Sigue #XamarinDiplomado

Gracias por su atención

Tema 1: Introducción a Xamarin.Forms

Tema 2: Capa de abstracción y proyectos nativos

Tema 3: Eventos de aplicación y el modelo de paginas