Mobile UI for Xamarin.Forms

• Oct 19, 2020
• 4 minutes to read

The DevExpress Mobile UI for Xamarin.Forms bundle consists of the following controls:

Charts

Donut and Area Charts

Financial Charts

The PieChartView and ChartView are powerful visualization views that allow you to display your data as bars, points, lines, areas, and other forms. The views provide various Pie and Cartesian series types that manage your data appearance on a chart.

Refer to the Getting Started section for step-by-step lessons that explain how to configure chart views.

Data Grid

The DataGridView is a data-aware control designed to present and manage data in a tabular format. It provides the following features:

• Auto Generated Columns
• Multi-Row Column Layout
• Auto Row Height
• Pull To Refresh
• Load More
• Row Drag and Drop
• Multi-Column Sorting
• Grouping (API)
• Filtering (API)
• Data Summaries (API)
• Data Editing
• Input Validation
• Fixed Columns
• Swipe Actions
• Appearance Customization
• Template Support
• Theme Support

Refer to the Getting Started and Examples sections for step-by-step lessons that explain how to configure and use the grid.

Scheduler

Work Week View

Appointment Edit Page

A scheduler view displays appointments (regular and recurrent planned events) and allows users to manage them. The following scheduler views are available:

• Day View
• Work Week View
• Week View
• Month View

Refer to the Getting Started and Examples sections for step-by-step lessons that explain how to configure scheduler views.

Data Editors and Controls

	TextEdit A single-line text editor.
	MultilineEdit An editor that displays and allows users to edit multi-line text.
	PasswordEdit An editor that allows users to enter and manage passwords.
	NumericEdit An editor that displays and allows users to edit numeric values.
	DateEdit An editor that allows users to select dates in a platform-specific date picker.
	TimeEdit An editor that allows users to specify a time. Supports the 12- and 24-hour formats.
	ComboBoxEdit An editor with a dropdown list.
	AutoCompleteEdit A text editor that suggests values as a user enters characters into the edit box.
	CheckEdit A checkbox that supports the indeterminate state.
	SimpleButton A button control.

CollectionView

DXCollectionView is a view that displays a list of data.

The view includes the most popular features used to display and manage data items:

• Vertical and Horizontal Layout
• Data Item and Group Header Templates
• Data Sorting, Filtering, and Grouping
• Single and Multiple Item Selection
• Pull to Refresh
• Load More
• Item Drag and Drop

Refer to the Getting Started and Examples sections for step-by-step instructions on how to use the CollectionView.

Data Form

The DataFormView component allows you to generate edit forms for any data object.

Refer to the Getting Started and Examples sections for step-by-step instructions on how to configure the data form.

Navigation

Tab View

Tab Page

Drawer View

Drawer Page

Navigation pages and views allow you to implement lateral navigation in your applications.

Tab View, Tab Page

The TabView and TabPage allow you to organize content into groups and enable navigation between groups. These controls provide the following features:

• Data Binding
  Tabs can be generated from the bound data source based on the specified templates.
• Appearance Customization
  Each control provides a set of settings to configure its visual elements.
• Theme Support
  You can apply the Light and Dark built-in themes to controls.

Refer to the Tab View - Getting Started and Tab Page - Getting Started sections for step-by-step lessons that explain how to configure these controls.

Drawer View, Drawer Page

The DrawerView and DrawerPage allow you to add a drawer to your application - a UI pane that shows the application’s main navigation menu. These controls provide the following features:

• Appearance Customization
  Each control provides a set of settings to configure its visual elements.
• Drawer Position
  You can anchor the drawer to any side of the screen (left, right, top or bottom).
• Drawer Behavior
  Each control provides an option that specifies how the drawer appears on the screen.
• Theme Support
  You can apply the Light and Dark built-in themes to controls.

Refer to the Drawer View - Getting Started and Drawer Page - Getting Started sections for step-by-step lessons that explain how to configure these controls.