36
Xamarin Day Xamarin Forms Write once, Run everywhere

[XamarinDay] Développez en XAML avec Xamarin Forms

Embed Size (px)

Citation preview

Page 1: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin DayXamarin Forms

Write once, Run everywhere

Page 2: [XamarinDay] Développez en XAML avec Xamarin Forms

1 Xamarin.Forms

4 Evolve

2 Les éléments de Forms

5 Lier le natif et Forms

3 XAML

6 Pourquoi Xamarin Forms ?

Page 3: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin.Forms

Page 4: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin.Forms : késaco ?

• + de 40 composants

• Pages, Layouts et Controls• En Code-behind (Forms)• En XAML

• Data Binding « Two-way »

• Navigation

• A partir de :

• Android 4.0 ou +

• iOS 6.1 ou +

• Windows Phone 8 & UWP (via Visual Studio)

Code partagé C#

Interface utilisateur partagée en C# ou XAML

Page 5: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin.Forms : Définition

Page 6: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin.Forms : Définition

Page 7: [XamarinDay] Développez en XAML avec Xamarin Forms

J’ai pas compris, tu peux me montrer ?

Okay

Page 8: [XamarinDay] Développez en XAML avec Xamarin Forms

Les éléments de Forms

Page 9: [XamarinDay] Développez en XAML avec Xamarin Forms

Pages

Content MasterDetail Navigation Tabbed Carousel

Page 10: [XamarinDay] Développez en XAML avec Xamarin Forms

Layouts

Stack Absolute Relative Grid ContentView ScrollView Frame

Page 11: [XamarinDay] Développez en XAML avec Xamarin Forms

Controls

ActivityIndicator BoxView Button DatePicker Editor

Entry Image Label ListView Map

OpenGLView Picker ProgressBar SearchBar Slider

Stepper TableView TimePicker WebView EntryCell

ImageCell SwitchCell TextCell ViewCell

https://developer.xamarin.com/guides/xamarin-forms/controls/

Page 12: [XamarinDay] Développez en XAML avec Xamarin Forms

Démo !

Page 13: [XamarinDay] Développez en XAML avec Xamarin Forms

XAML

Page 14: [XamarinDay] Développez en XAML avec Xamarin Forms

XAML, Késaco ?

• XAML =

(Xamarin And Microsoft Love)

eXtensible Application Markup Language

Page 15: [XamarinDay] Développez en XAML avec Xamarin Forms

XAML

Page 16: [XamarinDay] Développez en XAML avec Xamarin Forms

Questions ?

Page 17: [XamarinDay] Développez en XAML avec Xamarin Forms

Evolve

Page 18: [XamarinDay] Développez en XAML avec Xamarin Forms

Evolve

Page 19: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin Forms – Themes

Page 20: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin Forms – DataPage

Page 21: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin Forms – DataPage

Page 22: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin Forms – DataPage

Page 23: [XamarinDay] Développez en XAML avec Xamarin Forms

Xamarin Forms – XAML Previewer

Page 24: [XamarinDay] Développez en XAML avec Xamarin Forms

Et si je veux plus que les composants de base de Forms ?

Page 25: [XamarinDay] Développez en XAML avec Xamarin Forms

Lier le natif et Forms

Page 26: [XamarinDay] Développez en XAML avec Xamarin Forms

Lier le natif et Forms

Comment redéfinir l’aspect

visuel d’un Entry ?

Comment créer sa propre

version appelée MyEntry ?

Page 27: [XamarinDay] Développez en XAML avec Xamarin Forms

CustomRenderer

http://developer.xamarin.com/guides/cross-platform/xamarin-forms/custom-renderer/

Avec un CustomRenderer !

Page 28: [XamarinDay] Développez en XAML avec Xamarin Forms

CustomRenderer

• 1: Créer le nouveau Control Xamarin.Forms

Page 29: [XamarinDay] Développez en XAML avec Xamarin Forms

CustomRenderer

• 2: Utiliser le Control dans les Pages de la PCL

Page 30: [XamarinDay] Développez en XAML avec Xamarin Forms

CustomRenderer

• 3: Implémenter le CustomRenderer dans ses plateformes

Page 31: [XamarinDay] Développez en XAML avec Xamarin Forms

CustomRenderer

• 4: Lier le CustomRenderer au Control

Page 32: [XamarinDay] Développez en XAML avec Xamarin Forms

ImageCircle

Implémentation d’un CustomRenderer.Par James Montemagno (Xamarin)

Page 33: [XamarinDay] Développez en XAML avec Xamarin Forms

Pourquoi Xamarin Forms ?

Page 34: [XamarinDay] Développez en XAML avec Xamarin Forms

Pourquoi Xamarin Forms ?

Page 35: [XamarinDay] Développez en XAML avec Xamarin Forms

Pourquoi Xamarin Forms ?

Page 36: [XamarinDay] Développez en XAML avec Xamarin Forms

Questions ?