This document summarizes new features and improvements in Xamarin.Forms. It mentions enhancements to gesture recognizers, Android support libraries, partial collapse of master pages, and native control binding in Xamarin.Forms. It also discusses faster scrolling in list views, improved startup time, and memory improvements. New previews are mentioned for FlexLayout, Forms Previewer, and data pages. The document encourages downloading the latest Xamarin.Forms pre-release version and closes by thanking attendees and inviting questions.

3. Glad to be here – flood photo
photo credit: stltoday.com

4. Xamarin Native approach
3 Native User Interfaces
Shared App Logic
Shared C# Logic
Windows C#Android C#iOS C#

5. Xamarin.Forms approach
Shared C# Logic
Shared UI Code
Shared (Native) User Interfaces
Shared App Logic

9. macOS Preview
Enhanced GestureRecognizers
Android Support Libraries
PlatformSpecifics
Fast Scroll
NavigationPage Translucency
Blur Behind
.netstandard support
Partial Collapse MasterPage
Native Control Binding
Map Extensibility
Fast Renderers Preview
Startup Time
ListView Scrolling
Memory Improvements
XAMLC
Bindable Picker
Frame Corners
Tizen
Forms Previewer
FlexLayout Preview
Xamarin.Forms Embedding
DataPages

11. • Lightning-fast UI controls
• Data grids gracefully render even the heaviest data loads
• Data charts that handle millions of data points with millisecond refresh rates
• Revolutionary WYSIWYG design tools for Xamarin.Forms
Infragistics Ultimate UI for Xamarin
The complete toolkit for building fast, beautiful, native mobile apps
Free trial: www.infragistics.com/xamarin
20% off for Build attendees through July 15 – Use promo code MSBUILD17

12. Infragistics Ultimate UI for Xamarin
Productivity Pack
Revolutionary WYSIWYG design tools for Xamarin.Forms
Write Fast: App Map
• Lay out your entire app Visio-style
• Drag and drop pages, child relationships, and
navigation instructions
• Automatically generate views, view models, and
navigation code
Write Fast: Control Configurators
• Easy visual control configuration right in the
XAML editor
• Easy, intuitive property editing and data binding
• Auto-generate XAML code
• Auto-update properties upon XAML code changes
Free trial: www.infragistics.com/xamarin
20% off for Build attendees through July 15 – Use promo code MSBUILD17
Write Fast: Visual Toolbox
• World’s first NuGet-powered toolbox for
Xamarin.Forms
• Features all standard layouts, views and controls
• Automatic namespace referencing

13. Why Telerik UI for Xamarin
1. Polished UI controls out of the box
2. Allows developers to focus on app features, rather sweating UI details
3. Native controls for Xamarin.iOS & Xamarin.Android
4. Cross-platform wrappers for Xamarin.Forms
5. Extreme performance tuned
6. Works seamlessly on Windows/Mac
7. Easy integration through NuGet and Templates
8. Lot of customization options
9. Sample apps in Stores
The Best .NET UI for .NET Ninjas!
telerik.com/xamarin-ui

14. Source: Matthew Robbins - MFractor

24. Layout Lifecycle:
Invalidation Loop Has Parent?
InvalidateMeasure Called
Call InvalidateMeasure on
Parent
Queue Delay Layout
Yes
No
1
2
3
4

25. Has Parent?
InvalidateMeasure Called
Call InvalidateMeasure on
Parent
Queue Delay Layout
Yes
No
1
2
3
4
Wait for event
callback to happen
and trigger the layout
mechanism
5
Has
Children?
LayoutChildren Invoked
Layout called
6
7
8
Yes
No
Layout Cycle Completed
9
Layout Lifecycle:
Layout Loop

26. Grid
StackLayout
ContentView
Label
Button WebView
Grid
Label Button Image ScrollView
Image
Panel
Panel
Panel
LabelRenderer
TextBlock
ButtonRenderer
Button
WebViewRenderer
WebView
Panel
LabelRenderer
Label
ButtonRenderer
Button
ImageRenderer
Image
ScrollViewRenderer
ImageRenderer
Image
Forms
UWP

27. Grid
StackLayout
ContentView
Label
Button WebView
Grid
Label Button Image ScrollView
Image
Panel
LabelRenderer
TextBlock
ButtonRenderer
Button
WebViewRenderer
WebView
LabelRenderer
Label
ButtonRenderer
Button
ImageRenderer
Image
ScrollViewRenderer
ImageRenderer
Image
Forms
UWP+Compression

29. Grid
StackLayout
ContentView
Label
Button WebView
Grid
Label Button Image ScrollView
Image
Panel
LabelRenderer
TextBlock
ButtonRenderer
Button
WebViewRenderer
WebView
LabelRenderer
Label
ButtonRenderer
Button
ImageRenderer
Image
ScrollViewRenderer
ImageRenderer
Image
Forms
UWP+Compression

30. Grid
StackLayout
ContentView
Label
Button WebView
Grid
Label Button Image ScrollView
Image
Panel
LabelRenderer ButtonRenderer WebViewRenderer
WebView
LabelRenderer ButtonRenderer ImageRenderer ScrollViewRenderer
ImageRenderer
Forms
UWP+Compression+Fast Renderers

31. Available now in 2.3.5 for Android
- Image, Label, and Button only
Please Test!

34. <?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x=http://schemas.microsoft.com/winfx/2009/xaml
x:Class="FormsFlexLayoutDemo.FlexDemoPage">
<FlexLayout x:Name="flexbox”>
<Label Text="Flex Element 1" />
<Label Text="Flex Element 2" />
<Label Text="Flex Element 3" />
<Label Text="Flex Element 4" />
<Label Text="Flex Element 5" />
</FlexLayout>
</ContentPage>
Flex Element 1 Flex Element 2 Flex Element 3
Flex Element 4 Flex Element 5

35. AlignContent AlignItems Position Overflow
Wrap Order AlignSelf Flex
JustifyContent IsIncluded Grow Shrink

36. - Faster loading
- Direct item insertion
- Remove need to use Cells

39. Xamarin.Forms
Shared C# Logic
Windows C#Android C#iOS C#
iOS
Obj-C
Swift
Android Java ?

50. What’s Next?
Download Xamarin.Forms 2.3.5-pre3 today!
Watch for 3.0 Pre-release soon.
www.xamarin.com/download

51. Thank you.
Questions?
David
Ortinau
Senior Program Manager, Microsoft
david.ortinau@microsoft.com @davidortinau jas@microsoft.com @jassmith87
Jason
Smith
Engineering Team Lead, Microsoft