Xamarin DevDays Lisbon 2016 presentation about Xamarin Forms

1. #XamarinDevDays

3. Alexandre Marreiros
Windows Platform Development Microsoft MVP
Microsoft Windows DevCamp Trainer
Windows Insider
CTO @ Innovagency
Software Dev/Arch as Independent
Technical Trainer and Speaker as Independent
Teacher @ EDIT
Technical Writer

4. Alexandre Marreiros
Windows
Mobile
Objective
C
Java
Android
Hybrid
APPS
Xamarin Win RT Xamarin UWP
Xamarin
Forms

10. Traditional Xamarin
Approach
With Xamarin.Forms:
More code-sharing, all native
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Backend
Shared UI Code
Shared C# Backend

11. ✓ 40+ Pages, layouts, and controls
(Build from code behind or XAML)
✓ Two-way data binding
✓ Navigation
✓ Animation API
✓ Dependency Service
✓ Messaging Center
Shared C# Backend
Shared UI Code

12. Windows
App

13. Xamarin.
Platform.Windo
ws
Windows
API

14. Visual Elements
Page
Layout
View
Screen
Organization
Controls / Widgets
Organized
in a Parent
Child
Relation

15. Layouts
Pages
Stack Absolute Relative Grid ContentView ScrollView Frame
Content MasterDetail Navigation Tabbed Carousel

16. ActivityIndicator BoxView Button DatePicker Editor
Entry Image Label ListView Map
OpenGLView Picker ProgressBar SearchBar Slider
Stepper TableView TimePicker WebView EntryCell
ImageCell SwitchCell TextCell ViewCell

17. Xamarin.Forms Ecosystem

18. Windows Xamarin.Forms
StackPanel StackLayout
TextBox Entry
ListBox ListView
CheckBox Switch
ProgressBar ActivityIndicator
Grid Grid
Label Label
Button Button
Image Image
Date/TimePicker Date/TimePicker

19. Windows Xamarin.Forms
DataContext BindingContext
{Binding Property} {Binding Property}
ItemsSource ItemsSource
ItemTemplate ItemTemplate
DataTemplate DataTemplate

21. <?xml version="1.0" encoding="UTF-8"?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="MyApp.MainPage">
<TabbedPage.Children>
<ContentPage Title="Profile" Icon="Profile.png">
<StackLayout Spacing="20" Padding="20"
VerticalOptions="Center">
<Entry Placeholder="Username"
Text="{Binding Username}"/>
<Entry Placeholder="Password"
Text="{Binding Password}"
IsPassword="true"/>
<Button Text="Login" TextColor="White"
BackgroundColor="#77D065"
Command="{Binding LoginCommand}"/>
</StackLayout>
</ContentPage>
<ContentPage Title="Settings" Icon="Settings.png">
<!-- Settings -->
</ContentPage>
</TabbedPage.Children>
</TabbedPage>

24. Xamarin.Forms
is Open Source!
open.xamarin.com

26. ✓ Improves scrolling performance
✓ Old behavior is currently the default (but likely to change)

27. XAML
Parsed and inflated
Parsed & turned
into IL
XAMLC

28. ✓ Faster Loading
✓ Smaller App Size
✓ See XAML errors at build time

31. • Embeddable
Carousel
• ItemTemplate &
DataTemplates
• Highly customizable
& Virtualized

32. ✓ Custom renderer “lite”
✓ Change properties on the native control
✓ Optional
✓ “stringly-typed”
X No methods or events
X No replacing the control

33. entry.Effects.Add (Effect.Resolve("Xamarin.BorderEffect"));

37. https://developer.xamarin.com/guides/xamarin-forms/datapages/

38. https://developer.xamarin.com/guides/xamarin-forms/themes/

39. Native Embedding

41. The slides are yours

42. 20 Minute Break