Download presentation
Presentation is loading. Please wait.
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 !
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.