maui-403324-collection-view-index.md
The DevExpress Mobile UI for .NET MAUI suite contains the DXCollectionView component that allows you to display a collection of data items in a horizontal or vertical list.
View ExampleRead TutorialWatch Video
Download and install the DevExpress.Maui.CollectionView package from the DevExpress NuGet Gallery to obtain the DXCollectionView component. For more information on how to build your first .NET MAUI app, refer to the following help topic: Get Started.
Declare the xmlns:dx="http://schemas.devexpress.com/maui" XAML namespace in a page.
Add a DXCollectionView instance to the page.
To populate the CollectionView with data, use the DXCollectionView.ItemsSource property. For more information, refer to the following help topic: Bind to Data and Interact with Items.
<ContentPage ...
xmlns:dx="http://schemas.devexpress.com/maui"
xmlns:local="clr-namespace:CollectionViewExample">
<ContentPage.BindingContext>
<local:ViewModel/>
</ContentPage.BindingContext>
<dx:DXCollectionView ItemsSource="{Binding Data}">
</dx:DXCollectionView>
</ContentPage>
For a step-by-step guide on how to create a .NET MAUI app with the DXCollectionView control, refer to the following help topic: Get Started with DXCollectionView.
The following figure shows basic elements of a DXCollectionView:
Group headers appear when you group CollectionView items. For more information, refer to the following help topic: Group Collection View Items.
Get Started with DXCollectionViewThis step-by-step tutorial guides you through creating an app with a DXCollectionView.Bind to Data and Interact with ItemsDescribes how to populate a DXCollectionView with items and work with items via their indexes.Filter, Sort, and Group DataThis help topic explains how to shape Collection View item data, and includes a list of filter items you can use to compose a Filtering UI.Create-Read-Update-Delete (CRUD) OperationsTopics in this sections describe how to incorporate CRUD operations in a .NET MAUI app.Infinite ScrollingExplains how to enable endless scrolling functionality for the DXCollectionView control.Pull-to-RefreshExplains how to request content updates with a pull-down gesture in a DXCollectionView.Item SelectionThe DXCollectionView control supports single and multiple item selection.Drag-and-Drop OperationsEnable drag-and-drop operations to allow users to reorder items in DXCollectionView.Swipe GesturesThis topic explains how to show swipe elements when a user swipes a DXCollectionView item and perform custom actions on tap.Customize AppearanceLists API members that you can use the appearance and layout of the DXCollectionView control and its items.ExamplesLists task-based solutions with the DXCollectionView control.