1. Session : Xamarin Forms Rich UI Controls
Colombo Xamarin Meetup
Session : Xamarin Forms Rich UI Controls
Who am I ?
What is this ?
min allocated : 10

2. Buddhima Kudagama Software Engineer at CMS
B.Eng. (Hons) in Software Engineering
M.Sc. Software Engineering(Reading)
Software Engineer at CMS
4+ year Experience in .NET technologies

3. Rich Third-party UI controls
I have used Telerik and Dev express - windows / web
Xamarin - I tried Syncfusion controls
Syncfusion => has large no of controls
Infragistics and Telerik also have many
Dev express => Grid
Xceed => FTP /Zip

4. Pages , Layouts and Views
Content page : Displays a single view
Master detail : Two panes
Navigation page : navigate through pages
tabbed page : navigate between sub pages
Template page : Full screen content with control template base class of content page
Carousel page : allow swipe gestures between sub pages

5. Design UI There are two methods to design the UI XAML C# code
Hybrid (XAML with C# in code behind)

6. ---------- No -----------
Compare Controls
Syncfusion
Infragistics
Telerik
List View No
Chart
Grid
Gauges
Calendar/Schedule
Schedule
Kanban
Sider/Master Page
Side drawer
Maps
Image Editor
Excel/Word/Pdf
Excel
Excel/Zip/CSV
Rating
Dev express : Grid
Xceed : FTP, Zip
Syncfusion : Best one I found and It has large number of controls – Free community license
Infragistics : Has many controls
Teleric : Also has many controls

7. Free Download a Community Licence
How to Download the community licence

8. Charts High Performance Default Chart Shapes Multiple Series
Stacked Charts
100% Stacked
Range Chart
Different Types in Same chart

9. High Performance
Default Chart Shapes
Multiple Series
Stacked Charts
100% Stacked
Range Chart
Different Types in Same chart

10. High Performance
Default Chart Shapes
Multiple Series
Stacked Charts
100% Stacked
Range Chart
Different Types in Same chart

11. Features of chart control

12. Custom Data Axis
Data markers
Vertical chart
Appearance Customize
Strip Lines

13. User Interaction Zoom Chart TrackBall Tool Tip Animation
Exporting as Image - gallery

14. Selection
Empty Points
Vertical chart
Legends
Strip Lines
Technical Indicators

15. List View Control
Different types of List views

16. Gauge Control
use to visualize numeric values over a circular scale

17. Use to visualize numeric values over a digital display

18. Use visualize numeric values over a linear scale

19. New Controls Image Editor Sun Burst Chart PDF viewer
* Visualize Hierarchical data
* Center - root level
* Outer - higher levels
PDF viewer

20. Data Grid Control High Performance Data Source
Data Shaping and Manipulation
Sorting
Grouping
Filtering
Summary
Real time update
Selection
Template Columns
Load More
Pull-To-Refresh
Swipe Buttons
Drag and Drop
Editing
Paging
Appearance
Exporting
Grid Control with features

21. Kanban Control Visualizing and managing the workflow of any process,
like the software development process
visualizing and
managing the
workflow of any process

22. Rotator Control
Navigate through Image data

23. How To download the Syncfusion Package?
NuGet
Direct Download from website
How to Get the Syncfusion Libraries to Xamarin form app ?

24. Manage Dependencies
Show how to manage References in Visual Studio

25. iOS Additional Steps For Native iOS and UWP
This is the way how we configure the Syncfusion controls inside the Native projects. (iOS and UWP)
iOS

26. Lets Create a Demo.
SfAutoComplete
(Combo box)
Do the demo

27. Thank You ! Blog : xamarinsharp.com YouTube : Xamarinsharp
LinkedIn /FB : Buddhima Kudagama
Thank You !