Xamarin.Forms ListView

The Xamarin ListView control is a virtualized list component that presents lists of data. It is quite useful in scenarios that require scrolling and manipulation of the items. The control is easy to use and packed with everything you need from a ListView component – data binding, load on demand, filtering, grouping, sorting, customizable items with template selectors, linear and grid layouts, item swipe and reordering, various selection options, header and footer support and much more.

All of this comes with outstanding performance and platform specific UI thanks to the native Telerik Android, iOS and UWP ListView controls exposed in Xamarin.Forms, Xamarin.iOS and Xamarin.Android, both in Visual Studio and Visual Studio for Mac.

Documentation on Getting Started with Xamarin Forms ListView

In addition to the built-in data binding capabilities, the Xamarin.Forms ListView control supports loading data on demand, which optimizes the initial loading of the app and the new items are loaded only when needed – for example when the user reaches the bottom of the ListView or asks for more items. Fine grain control is provided with the option to define the number of loaded items, the built-in loading indicator, and the automatic and manual loading configurations.

Documentation on Xamarin Forms ListView Load on Demand

The Telerik ListView features two type of cells – TextCell, which displays text and optionally detailed text, and a TemplateCell that can be customized to display any content. With the support for ItemTemplateSelector, one can define different item templates and select which one is displayed runtime, depending on the item being shown.

Documentation on Xamarin Forms ListView Cell Types

Filtering, Grouping and Sorting is available with a convenient API, so only relevant data can be presented to the user in the right order. The API allows for implementation of filtering and sorting UI to provide the user with the capability to filter and sort the ListView items as needed, as well as to create single or multi-level grouped lists with hierarchical view.

The ListView control for Xamarin.Forms supports linear and grid layouts. The linear layout arranges the items in a one-column list, while the grid layout arranges the items in a predefined number of columns, expanding the columns and their items to take up the width of the ListView. These layouts can arrange the items in the ListView horizontally or vertically, and also allow for fine grain control over the item’s size, spacing as well as the group header size.

Telerik ListView for Xamarin supports both single and multiple selection. Items can be selected on tap or on hold gestures.

Documentation on Xamarin ListView Selection Modes

This feature for the Xamarin.Forms ListView control keeps the group item in view while scrolling through a list of items until the next grouped items reaches the top.  The feature is especially useful for mobile application scenarios when there are many items in a group as it keeps the user informed in which group they are currently browsing through.

ListView for Xamarin.iOS extends the standard UICollectionView, and ListView for Xamarin.Android extends the Android RecyclerView. This provides fast loading and a smooth scrolling experience even for large data sets.

With the Expand/Collapse groups functionality in the ListView, the control can display even more items in a convenient manner by distributing them in hierarchical collapsible groups. The groups can be expanded/collapsed programmatically or through a user interaction.

Documentation on Group Expand/Collapse in Xamarin ListView

The item swipe gesture in the Telerik ListView control enables end users to swipe an item to reveal contextual actions (e.g. mark as read and delete item in an email). When a user swipes the item, the context view moves in the swipe direction revealing a designated area where any views can be placed such as buttons, images, etc.

Documentation on Xamarin ListView Context Actions and Item Swipe

The ListView items reorder functionality provides additional flexibility when interacting with content by allowing reordering items by holding an item and moving it to the desired new position.

ListView for Xamarin ships pull to refresh functionality out-of-the-box allowing users to fetch the latest data by scrolling to the top of the list and pulling down. Telerik pull to refresh functionality offers a built-in loading indicator which is highly customizable.

Documentation on Xamarin ListView Pull to Refresh

The ListView component offers built-in Headers and Footers templates, enabling users to easily add content of their choice both above and below the items in the Xamarin.Forms ListView control.

Documentation on Xamarin ListView Header and Footer Templates

ListView animates the way items appear on the screen as the end user scrolls up or down. The supported animations effects are: Scale, Fade In, Slide In or appropriate combinations.

The Telerik ListView control for Xamarin.Forms features a built-in styling mechanism for customizing the look of the control and its items with the already familiar approach of using StyleClass and resources. Utilizing the theming concept makes it easier to implement corporate branding in a mobile application or to achieve the same look and feel on both Android and iOS.

Documentation on Xamarin ListView Item Styles and ItemTemplateSelector