### Complete Task Management Example with SwipeContainer

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/swipecontainer.md

A comprehensive example demonstrating the SwipeContainer within a DXCollectionView for task management. It includes item views, start and end swipe items with commands, and conditional styling.

```csharp
<dx:DXCollectionView x:Name="collectionView" ItemsSource="{Binding Data}">
    <dx:DXCollectionView.ItemTemplate>
        <DataTemplate x:DataType="local:Task">
            <dx:SwipeContainer>
                <dx:SwipeContainer.Triggers>
                    <DataTrigger 
                        Binding="{Binding IsTaskCompleted}" 
                        Value="True" 
                        TargetType="dx:SwipeContainer">
                        <Setter Property="BackgroundColor" 
                                Value="{dx:ThemeColor SurfaceVariant}" />
                    </DataTrigger>
                </dx:SwipeContainer.Triggers>
                
                <dx:SwipeContainer.ItemView>
                    <Label 
                        Text="{Binding Description}"
                        Margin="20"
                        TextColor="{dx:ThemeColor OnSurface}" />
                </dx:SwipeContainer.ItemView>
                
                <dx:SwipeContainer.StartSwipeItems>
                    <dx:SwipeContainerItem 
                        Caption="{Binding ActionText}"
                        BackgroundColor="{dx:ThemeColor Primary}"
                        Image="check"
                        Command="{Binding ChangeStateCommand}" />
                </dx:SwipeContainer.StartSwipeItems>
                
                <dx:SwipeContainer.EndSwipeItems>
                    <dx:SwipeContainerItem 
                        Caption="Delete"
                        BackgroundColor="{dx:ThemeColor Error}"
                        Image="delete"
                        Command="{Binding Source={x:Reference collectionView}, Path=BindingContext.DeleteTaskCommand}"
                        CommandParameter="{Binding}" />
                </dx:SwipeContainer.EndSwipeItems>
            </dx:SwipeContainer>
        </DataTemplate>
    </dx:DXCollectionView.ItemTemplate>
</dx:DXCollectionView>
```

--------------------------------

### Complete DXCollectionView Example with Sorting, Grouping, and Filtering

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

A comprehensive example demonstrating how to set up ItemsSource, FilterExpression, multi-level sorting, grouping by a specific field, and defining custom templates for group headers and items.

```csharp
<dx:DXCollectionView 
    ItemsSource="{Binding Houses}"
    FilterExpression="{Binding FilterExpression}">
    
    <!-- Sort by City, then by Price -->
    <dx:DXCollectionView.SortDescriptions>
        <dx:SortDescription FieldName="City" SortOrder="Ascending" />
        <dx:SortDescription FieldName="Price" SortOrder="Ascending" />
    </dx:DXCollectionView.SortDescriptions>
    
    <!-- Group by City -->
    <dx:DXCollectionView.GroupDescription>
        <dx:GroupDescription FieldName="City" />
    </dx:DXCollectionView.GroupDescription>
    
    <!-- Group header template -->
    <dx:DXCollectionView.GroupHeaderTemplate>
        <DataTemplate>
            <Label 
                Text="{Binding GroupValueText}" 
                FontSize="18"
                FontAttributes="Bold"
                Margin="16,20,16,8" />
        </DataTemplate>
    </dx:DXCollectionView.GroupHeaderTemplate>
    
    <!-- Item template -->
    <dx:DXCollectionView.ItemTemplate>
        <DataTemplate x:DataType="model:House">
            <Grid Padding="16,12">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                
                <dx:DXStackLayout Orientation="Vertical">
                    <Label Text="{Binding Address}" FontAttributes="Bold" />
                    <Label Text="{Binding City}" FontSize="12" />
                </dx:DXStackLayout>
                
                <Label 
                    Grid.Column="1"
                    Text="{Binding Price, StringFormat='${0:N0}K'}"
                    FontAttributes="Bold" />
            </Grid>
        </DataTemplate>
    </dx:DXCollectionView.ItemTemplate>
</dx:DXCollectionView>
```

--------------------------------

### DXImage Examples

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Demonstrates how to display images with tint color, as circular avatars, and with aspect fill.

```csharp
<!-- Icon with tint color -->
<dx:DXImage 
    Source="filteringui_location" 
    TintColor="{dx:ThemeColor Primary}"
    WidthRequest="20"
    HeightRequest="20" />

<!-- Circular avatar -->
<dx:DXImage 
    Source="{Binding PhotoPath}"
    WidthRequest="48"
    HeightRequest="48">
    <dx:DXImage.Clip>
        <EllipseGeometry RadiusX="24" RadiusY="24" Center="24,24" />
    </dx:DXImage.Clip>
</dx:DXImage>

<!-- Full-size image with aspect fill -->
<dx:DXImage 
    Source="{Binding ImagePath}"
    Aspect="AspectFill"
    HeightRequest="200" />
```

--------------------------------

### Complete ViewModel Example with DXObservableObject and RelayCommand

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/bindablebase-dxobservableobject.md

This example demonstrates a comprehensive ViewModel using DXObservableObject and various RelayCommand attributes. It includes observable properties, basic commands, commands with can-execute logic, and asynchronous command execution.

```csharp
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using DevExpress.Maui.Mvvm;
using System.Collections.ObjectModel;

namespace MyApp.ViewModels
{
    public partial class ContactsViewModel : DXObservableObject
    {
        // Observable property - generates ContactsProperty and OnContactsChanged
        [ObservableProperty]
        ObservableCollection<Contact> contacts = new();

        // Observable property
        [ObservableProperty]
        Contact selectedContact;

        // Observable property
        [ObservableProperty]
        bool isLoading;

        // Relay command - generates LoadContactsCommand
        [RelayCommand]
        async Task LoadContacts()
        {
            IsLoading = true;
            try
            {
                var data = await LoadContactsFromService();
                Contacts.Clear();
                foreach (var contact in data)
                    Contacts.Add(contact);
            }
            finally
            {
                IsLoading = false;
            }
        }

        // Relay command with can-execute logic
        [RelayCommand(CanExecute = nameof(CanDeleteContact))]
        void DeleteContact(Contact contact)
        {
            Contacts.Remove(contact);
        }

        private bool CanDeleteContact()
        {
            return SelectedContact != null;
        }

        // Relay command with async execution
        [RelayCommand]
        async Task SaveContactAsync(Contact contact)
        {
            IsLoading = true;
            try
            {
                await SaveContactToService(contact);
            }
            finally
            {
                IsLoading = false;
            }
        }

        private async Task<List<Contact>> LoadContactsFromService()
        {
            // Implementation
            return new List<Contact>();
        }

        private async Task SaveContactToService(Contact contact)
        {
            // Implementation
        }
    }
}
```

--------------------------------

### DXBorder Usage Example

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

A comprehensive example demonstrating the usage of DXBorder with rounded corners, background color, no border, margin, and a shadow effect. Includes nested content.

```xaml
<dx:DXBorder 
    CornerRadius="12"
    BackgroundColor="{dx:ThemeColor SurfaceVariant}"
    BorderThickness="0"
    Margin="16,8">
    <dx:DXBorder.Shadow>
        <Shadow 
            Brush="Black" 
            Offset="0,4" 
            Radius="4" 
            Opacity="0.15" />
    </dx:DXBorder.Shadow>
    
    <Grid Padding="16,12">
        <Label Text="Card content goes here" />
    </Grid>
</dx:DXBorder>
```

--------------------------------

### DXStackLayout Usage Example

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Demonstrates how to use DXStackLayout with various properties in XAML.

```APIDOC
## Usage Example

```csharp
<dx:DXStackLayout Orientation="Vertical" ItemSpacing="12" Padding="16">
    <Label Text="Name" FontAttributes="Bold" />
    <Entry Placeholder="Enter name" />
    <Label Text="Email" FontAttributes="Bold" Margin="0,12,0,0" />
    <Entry Placeholder="Enter email" />
</dx:DXStackLayout>
```
```

--------------------------------

### Basic SwipeContainer Usage in DXCollectionView

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/swipecontainer.md

This example demonstrates how to integrate SwipeContainer within a DXCollectionView to provide swipeable actions for each item. It configures start and end swipe items with captions, background colors, images, and commands.

```XAML
<dx:DXCollectionView ItemsSource="{Binding Tasks}">
    <dx:DXCollectionView.ItemTemplate>
        <DataTemplate x:DataType="local:Task">
            <dx:SwipeContainer>
                <dx:SwipeContainer.ItemView>
                    <Label 
                        Text="{Binding Description}"
                        Margin="20"
                        TextColor="{dx:ThemeColor OnSurface}" />
                </dx:SwipeContainer.ItemView>
                
                <dx:SwipeContainer.StartSwipeItems>
                    <dx:SwipeContainerItem 
                        Caption="{Binding ActionText}"
                        BackgroundColor="{dx:ThemeColor Primary}"
                        Image="check"
                        Command="{Binding ChangeStateCommand}" />
                </dx:SwipeContainer.StartSwipeItems>
                
                <dx:SwipeContainer.EndSwipeItems>
                    <dx:SwipeContainerItem 
                        Caption="Delete"
                        BackgroundColor="{dx:ThemeColor Error}"
                        Image="delete"
                        Command="{Binding Source={x:Reference collectionView}, Path=BindingContext.DeleteTaskCommand}" />
                </dx:SwipeContainer.EndSwipeItems>
            </dx:SwipeContainer>
        </DataTemplate>
    </dx:DXCollectionView.ItemTemplate>
</dx:DXCollectionView>
```

--------------------------------

### Complete Filtering UI Form Example

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

An example demonstrating a comprehensive filtering UI form using various DevExpress MAUI filter controls. This includes city selection, status filtering, property type, price ranges, square footage, bedrooms, year built, and garage availability.

```csharp
<DataTemplate x:Key="filteringUIFormTemplate">
    <ScrollView BackgroundColor="{dx:ThemeColor Surface}">
        <dx:DXStackLayout Orientation="Vertical">
            <!-- City selection -->
            <dx:FilterRadioListPickerItem 
                FieldName="City"
                ShowValuesOutOfFilter="true"
                ImageSource="filteringui_location"
                ImageColor="{dx:ThemeColor Primary}">
                <dx:FilterRadioListPickerItem.PickerTitleView>
                    <Label 
                        Text="City"
                        FontSize="17"
                        FontAttributes="Bold"
                        TextColor="{dx:ThemeColor OnSurface}" />
                </dx:FilterRadioListPickerItem.PickerTitleView>
            </dx:FilterRadioListPickerItem>
            
            <!-- Status selection -->
            <dx:FilterChipGroupItem 
                Text="I Want To"
                FieldName="Status"
                AllowDeselect="True" />
            
            <!-- Property type selection -->
            <dx:FilterCheckedChipGroupItem 
                Text="Property Type"
                FieldName="Type" />
            
            <!-- Predefined price ranges -->
            <dx:PredefinedFilterCheckedChipGroupItem 
                Text="Price"
                FieldName="Price"
                ShowValueCounts="true">
                <dx:PredefinedFilter 
                    Text="$0 - $500K"
                    FilterExpression="?p &lt; 500" />
                <dx:PredefinedFilter 
                    Text="$500K - $2M"
                    FilterExpression="?p >= 500 AND ?p &lt; 2000" />
                <dx:PredefinedFilter 
                    Text="$2M+"
                    FilterExpression="?p >= 2000" />
            </dx:PredefinedFilterCheckedChipGroupItem>
            
            <!-- Numeric range filters -->
            <dx:FilterNumericRangeItem 
                Text="Square Feet"
                FieldName="HouseSize" />
            
            <dx:FilterCheckedChipGroupItem 
                Text="Bedrooms"
                FieldName="Beds" />
            
            <dx:FilterNumericRangeItem 
                Text="Year Built"
                FieldName="YearBuilt" />
            
            <!-- Boolean checkbox filter -->
            <dx:FilterCheckItem 
                Text="Must have garage"
                FieldName="IsGarageExist" />
        </dx:DXStackLayout>
    </ScrollView>
</DataTemplate>
```

--------------------------------

### DXDockLayout Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Creates a new instance of DXDockLayout. No specific setup is required beyond instantiation.

```csharp
public DXDockLayout()
```

--------------------------------

### Get and Set SelectedItem

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Demonstrates how to get the currently selected item and how to programmatically set a specific item as selected in a single-selection mode.

```csharp
var selected = collectionView.SelectedItem;
collectionView.SelectedItem = contacts[0];
```

--------------------------------

### PredefinedFilterCheckedChipGroupItem Example

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Demonstrates how to use PredefinedFilterCheckedChipGroupItem to create a filter for price ranges with predefined options and value counts.

```csharp
<dx:PredefinedFilterCheckedChipGroupItem 
    Text="Price" 
    FieldName="Price" 
    ShowValueCounts="true">
    <dx:PredefinedFilter 
        Text="$0 - $500K" 
        FilterExpression="?p &lt; 500" />
    <dx:PredefinedFilter 
        Text="$500K - $2M" 
        FilterExpression="?p >= 500 AND ?p &lt; 2000" />
    <dx:PredefinedFilter 
        Text="$2M+" 
        FilterExpression="?p >= 2000" />
</dx:PredefinedFilterCheckedChipGroupItem>
```

--------------------------------

### DXImage Usage

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Examples of how to use the DXImage control for displaying icons, avatars, and full-size images with various configurations.

```APIDOC
## DXImage

### Description

Used for displaying images, icons, and avatars with customizable tint colors and aspect ratios.

### Usage Examples

#### Icon with tint color
```csharp
<dx:DXImage 
    Source="filteringui_location"
    TintColor="{dx:ThemeColor Primary}"
    WidthRequest="20"
    HeightRequest="20" />
```

#### Circular avatar
```csharp
<dx:DXImage 
    Source="{Binding PhotoPath}"
    WidthRequest="48"
    HeightRequest="48">
    <dx:DXImage.Clip>
        <EllipseGeometry RadiusX="24" RadiusY="24" Center="24,24" />
    </dx:DXImage.Clip>
</dx:DXImage>
```

#### Full-size image with aspect fill
```csharp
<dx:DXImage 
    Source="{Binding ImagePath}"
    Aspect="AspectFill"
    HeightRequest="200" />
```
```

--------------------------------

### BindableBase Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/bindablebase-dxobservableobject.md

Creates a new instance of the BindableBase class. No specific setup is required.

```csharp
public BindableBase()
```

--------------------------------

### Basic ViewModel with DXObservableObject

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/INDEX.md

Demonstrates a basic ViewModel setup using DXObservableObject from DevExpress.Maui.Mvvm. Includes observable properties and relay commands.

```csharp
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using DevExpress.Maui.Mvvm;

public partial class MyViewModel : DXObservableObject
{
    [ObservableProperty]
    ObservableCollection<Item> items = new();

    [RelayCommand]
    async Task LoadItems()
    {
        // Load data
    }
}
```

--------------------------------

### DXButton Usage Examples

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Demonstrates different configurations for DXButton, including primary action, secondary/transparent, and icon-only buttons. Ensure the necessary theme resources are available.

```csharp
<dx:DXButton 
    Content="Share"
    Icon="share"
    BackgroundColor="{dx:ThemeColor Primary}"
    TextColor="{dx:ThemeColor OnPrimary}"
    IconColor="{dx:ThemeColor OnPrimary}"
    Command="{Binding ShareCommand}" />

<!-- Secondary/transparent button -->
<dx:DXButton 
    Content="Cancel"
    BackgroundColor="Transparent"
    TextColor="{dx:ThemeColor Primary}"
    Command="{Binding CancelCommand}" />

<!-- Icon-only button -->
<dx:DXButton 
    Icon="delete"
    BackgroundColor="Transparent"
    IconColor="{dx:ThemeColor Error}"
    WidthRequest="32"
    HeightRequest="32"
    Command="{Binding DeleteCommand}" />
```

--------------------------------

### Usage Example: Sorting CollectionView Items

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Demonstrates how to apply sorting to a DXCollectionView by defining SortDescription instances within its SortDescriptions collection. This example sorts contacts by name in ascending order.

```xaml
<dx:DXCollectionView ItemsSource="{Binding Contacts}">
    <dx:DXCollectionView.SortDescriptions>
        <dx:SortDescription FieldName="Name" SortOrder="Ascending" />
    </dx:DXCollectionView.SortDescriptions>
    
    <dx:DXCollectionView.ItemTemplate>
        <DataTemplate>
            <Label Text="{Binding Name}" />
        </DataTemplate>
    </dx:DXCollectionView.ItemTemplate>
</dx:DXCollectionView>
```

--------------------------------

### Handle CollectionView Selection Changed Event

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/types.md

Example of how to handle the SelectionChanged event for DXCollectionView to get the count of newly selected items.

```csharp
private void OnSelectionChanged(object sender, CollectionViewSelectionChangedEventArgs e)
{
    var selectedCount = e.NewSelection.Count;
}
```

--------------------------------

### Contact Class Implementation

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/bindablebase-dxobservableobject.md

Example implementation of a Contact class inheriting from BindableBase, demonstrating observable properties for FirstName, LastName, and Email.

```csharp
using DevExpress.Maui.Core;

public class Contact : BindableBase
{
    private string firstName;
    private string lastName;
    private string email;

    public string FirstName
    {
        get => firstName;
        set => SetProperty(ref firstName, value);
    }

    public string LastName
    {
        get => lastName;
        set => SetProperty(ref lastName, value);
    }

    public string Email
    {
        get => email;
        set => SetProperty(ref email, value);
    }

    public string FullName => $"{FirstName} {LastName}";
}
```

--------------------------------

### Load Raw Asset at Runtime using Essentials

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/CS/CrudOperations/Resources/Raw/AboutAssets.txt

This C# code demonstrates how to load a raw asset file (e.g., AboutAssets.txt) that was deployed with the application package. It uses FileSystem.OpenAppPackageFileAsync to get a stream to the file and then reads its contents.

```csharp
async Task LoadMauiAsset()
{
    using var stream = await FileSystem.OpenAppPackageFileAsync("AboutAssets.txt");
    using var reader = new StreamReader(stream);

    var contents = reader.ReadToEnd();
}
```

--------------------------------

### FilterCheckItem Usage Example

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Combines Text and FieldName properties for a checkbox filter. This example shows how to set both the display label and the data field for filtering.

```csharp
<dx:FilterCheckItem 
    Text="Must have garage" 
    FieldName="IsGarageExist" />
```

--------------------------------

### GroupDescription XAML Example

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/types.md

Example of how to define a GroupDescription in XAML to group items by the 'City' field with no interval and ascending sort order.

```xaml
<dx:GroupDescription FieldName="City" GroupInterval="None" SortOrder="Ascending" />
```

--------------------------------

### Define Start Swipe Items for SwipeContainer

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/swipecontainer.md

Specifies the collection of swipe action items that appear when swiping from the start (left on LTR languages). Each item can have a caption, image, background color, and command.

```xaml
<dx:SwipeContainer.StartSwipeItems>
    <dx:SwipeContainerItem Caption="Done"
                       Image="check"
                       BackgroundColor="Green"
                       Command="{Binding CompleteCommand}" />
</dx:SwipeContainer.StartSwipeItems>
```

--------------------------------

### dxcollectionview.md

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/CONTENTS.txt

Main control documentation for DevExpress Collection View, including properties, events, and usage examples.

```APIDOC
## dxcollectionview.md

### Description
This document details the main DevExpress Collection View control, covering its properties, events, and essential usage patterns for MAUI applications.

### API Reference
This section would typically list properties, methods, and events. Refer to the `dxcollectionview.md` file for specific details.

### Usage
Provides guidance on how to integrate and use the Collection View control within your MAUI application.
```

--------------------------------

### DXCollectionView with Grouping and Templates

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Demonstrates how to implement grouping in a DXCollectionView by defining a GroupDescription and providing templates for group headers and items. The example groups contacts by 'Name' alphabetically.

```xml
<dx:DXCollectionView ItemsSource="{Binding Contacts}">
    <dx:DXCollectionView.GroupDescription>
        <dx:GroupDescription FieldName="Name" GroupInterval="Alphabetical" />
    </dx:DXCollectionView.GroupDescription>
    
    <dx:DXCollectionView.GroupHeaderTemplate>
        <DataTemplate>
            <Label 
                Text="{Binding GroupValueText}" 
                FontAttributes="Bold"
                FontSize="18"
                Margin="0,20,0,1" />
        </DataTemplate>
    </dx:DXCollectionView.GroupHeaderTemplate>
    
    <dx:DXCollectionView.ItemTemplate>
        <DataTemplate>
            <Grid Padding="16,12">
                <Label Text="{Binding Name}" />
            </Grid>
        </DataTemplate>
    </dx:DXCollectionView.ItemTemplate>
</dx:DXCollectionView>
```

--------------------------------

### DXStackLayout Usage Example

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Demonstrates a typical usage of DXStackLayout for creating a form layout. It configures orientation, spacing, and padding, and includes labels and entry fields.

```xml
<dx:DXStackLayout Orientation="Vertical" ItemSpacing="12" Padding="16">
    <Label Text="Name" FontAttributes="Bold" />
    <Entry Placeholder="Enter name" />
    <Label Text="Email" FontAttributes="Bold" Margin="0,12,0,0" />
    <Entry Placeholder="Enter email" />
</dx:DXStackLayout>
```

--------------------------------

### Initialize DXCollectionView with Data and Selection

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Initializes a DXCollectionView instance, setting its ItemsSource to a data collection and configuring the SelectionMode. This is a common setup for displaying data with selection capabilities.

```csharp
var collectionView = new DXCollectionView
{
    ItemsSource = contacts,
    SelectionMode = SelectionMode.Single
};
```

--------------------------------

### FilterItem Data Model and ViewModel Setup

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/CS/FilterChips/Readme.md

Define the FilterItem class with DisplayText and Filter properties. Initialize the PredefinedFilters collection with filter criteria using Criteria Language Syntax.

```csharp
public class MainViewModel : BindableBase {
    string filter;
    public ObservableCollection<FilterItem> PredefinedFilters {
        get;
        set;
    }
    public BindingList<FilterItem> SelectedFilters {
        get;
        set;
    }
    public MainViewModel() {
        SelectedFilters = new BindingList<FilterItem>();
        PredefinedFilters = new ObservableCollection<FilterItem>() {
            new FilterItem(){ DisplayText= "Today", Filter = "IsOutlookIntervalToday([CreatedDate])" },
            new FilterItem(){ DisplayText= "Last Week", Filter = "IsThisWeek([CreatedDate])" },
            new FilterItem(){ DisplayText= "Drafts", Filter = "[IsDraft] == True" },
            new FilterItem(){ DisplayText= "< $1000", Filter = "[Price] < 1000" },
            new FilterItem(){ DisplayText= "> $4000", Filter = "[Price] > 4000" },
        };
}
```

--------------------------------

### SelectionMode Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the item selection mode. Possible values are `None`, `Single`, or `Multiple`.

```APIDOC
## SelectionMode

### Description
Gets or sets the item selection mode: `None`, `Single`, or `Multiple`.

### Type
`SelectionMode` enum

### Default
`None`

### Values
| Value |
|-------|
| `None` | No item selection allowed |
| `Single` | Only one item can be selected at a time |
| `Multiple` | Multiple items can be selected simultaneously |

### Example
```csharp
collectionView.SelectionMode = SelectionMode.Multiple;
```
```

--------------------------------

### iOS Platform-Specific Setup for DevExpress MAUI

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/configuration.md

Configure the MAUI application for iOS by including the `UseDevExpress()` extension method and optionally configuring fonts.

```csharp
using DevExpress.Maui;

public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        var builder = MauiApp.CreateBuilder()
            .UseMauiApp<App>()
            .UseDevExpress();
            
        #if IOS
        builder.ConfigureFonts(fonts =>
        {
            fonts.AddFont("SF-Pro-Display-Medium.otf", "SFProDisplay");
        });
        #endif

        return builder.Build();
    }
}
```

--------------------------------

### ItemSeparatorCapMargin Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the margin at the start and end of the separator line. This property accepts a `Thickness` value.

```APIDOC
## ItemSeparatorCapMargin

### Description
Gets or sets the margin at the start and end of the separator line.

### Type
`Thickness`

### Default
`0`

### Example
```csharp
<dx:DXCollectionView ItemSeparatorCapMargin="4,20" />
```
```

--------------------------------

### Initialize DXImage

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Creates a new instance of the DXImage control.

```csharp
public DXImage()
```

--------------------------------

### Configure Grouping for DXCollectionView

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/configuration.md

Define grouping behavior using GroupDescription with FieldName, GroupInterval, and SortOrder. This example groups by Category with no interval and ascending sort.

```csharp
<dx:DXCollectionView ItemsSource="{Binding Items}">
    <dx:DXCollectionView.GroupDescription>
        <dx:GroupDescription 
            FieldName="Category" 
            GroupInterval="None"
            SortOrder="Ascending" />
    </dx:DXCollectionView.GroupDescription>
    
    <dx:DXCollectionView.GroupHeaderTemplate>
        <DataTemplate>
            <Label Text="{Binding GroupValueText}" FontAttributes="Bold" />
        </DataTemplate>
    </dx:DXCollectionView.GroupHeaderTemplate>
</dx:DXCollectionView>
```

--------------------------------

### FilterNumericRangeItem Usage Example

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Provides examples of using FilterNumericRangeItem to filter by 'Square Feet' and 'Year Built'.

```csharp
<dx:FilterNumericRangeItem 
    Text="Square Feet" 
    FieldName="HouseSize" />

<dx:FilterNumericRangeItem 
    Text="Year Built" 
    FieldName="YearBuilt" />
```

--------------------------------

### ViewModel with ObservableCollection

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/types.md

Example of a ViewModel using ObservableCollection to manage a list of contacts. ObservableCollection implements INotifyCollectionChanged, enabling UI updates when the collection changes.

```csharp
public class ViewModel
{
    public ObservableCollection<Contact> Contacts { get; } = new();
}
```

--------------------------------

### Configure SwipeContainerItem in XAML

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/types.md

Example of how to configure a SwipeContainerItem in XAML. This snippet shows setting the caption, image, background color, and command for a swipe action.

```xaml
<dx:SwipeContainerItem 
    Caption="Delete"
    Image="delete"
    BackgroundColor="Red"
    Command="{Binding DeleteCommand}" />
```

--------------------------------

### Cancel Filtering Form Example C#

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/types.md

Example of how to cancel the display of the filtering form in the FilteringUIFormShowing event handler.

```csharp
private void OnFilteringUIFormShowing(object sender, FilteringUIFormShowingEventArgs e)
{
    if (SomeCondition())
    {
        e.Cancel = true;
    }
}
```

--------------------------------

### Configure FilterCheckedChipGroupItem ShowValuesOutOfFilter

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Example of setting the ShowValuesOutOfFilter property to true for a FilterCheckedChipGroupItem. This controls whether to display values not matching the current filter.

```csharp
<dx:FilterCheckedChipGroupItem ShowValuesOutOfFilter="true" />
```

--------------------------------

### DXDockLayout with Docked Elements

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Use DXDockLayout to arrange UI elements with specific docking positions (Top, Bottom, Fill). This example shows an image docked to the top, content filling the middle, and buttons docked to the bottom.

```csharp
<dx:DXDockLayout VerticalSpacing="8">
    <!-- Image docked to top -->
    <Image 
        dx:DXDockLayout.Dock="Top"
        Source="{Binding ImageSource}"
        HeightRequest="150"
        Aspect="AspectFill" />
    
    <!-- Content fills the remaining space -->
    <dx:DXStackLayout Padding="16" ItemSpacing="8">
        <Label Text="{Binding Title}" FontAttributes="Bold" />
        <Label Text="{Binding Description}" />
    </dx:DXStackLayout>
    
    <!-- Footer docked to bottom -->
    <dx:DXStackLayout 
        dx:DXDockLayout.Dock="Bottom"
        Orientation="Horizontal"
        Padding="16,8"
        ItemSpacing="8">
        <dx:DXButton Content="Save" />
        <dx:DXButton Content="Cancel" />
    </dx:DXStackLayout>
</dx:DXDockLayout>
```

--------------------------------

### Basic List Display with DXCollectionView

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Demonstrates how to display a simple list of items using DXCollectionView. Ensure the ItemsSource is bound to a collection of data.

```csharp
<dx:DXCollectionView ItemsSource="{Binding Contacts}">
    <dx:DXCollectionView.ItemTemplate>
        <DataTemplate>
            <Grid Padding="10,8">
                <Label Text="{Binding Name}" />
            </Grid>
        </DataTemplate>
    </dx:DXCollectionView.ItemTemplate>
</dx:DXCollectionView>
```

--------------------------------

### Styling DXButton Icons in DXPopup

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/CS/ContextMenuPopup/README.md

Apply a style to DXButton elements to customize their icon color. This example uses a static resource for the color.

```xaml
<ContentPage.Resources>
    <Style TargetType="dx:DXButton" x:Key="popupButtonStyle">
        <Setter Property="IconColor" Value="{StaticResource Gray500}"/>
        <!-- ... -->
    </Style>
</ContentPage.Resources>

<dxco:DXPopup ...>
    <dx:DXStackLayout>
        <dx:DXButton Style="{StaticResource popupButtonStyle}" .../>
        <dx:DXButton Style="{StaticResource popupButtonStyle}" .../>
    <dx:DXStackLayout>
</dxco:DXPopup>
```

--------------------------------

### RelayCommand for Item Tapped Event

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/types.md

An example using the RelayCommand attribute from the MVVM Community Toolkit to handle item tap events in a collection view. This simplifies command implementation for common MVVM scenarios.

```csharp
[RelayCommand]
public void ItemTapped(Contact contact)
{
    Navigation.PushAsync(new ContactDetailPage { BindingContext = contact });
}
```

--------------------------------

### DXImage Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Creates a new instance of the DXImage control.

```APIDOC
## DXImage Constructor

### Description
Creates a new instance of the DXImage control.

### Method
`public DXImage()`
```

--------------------------------

### SortDescription.FieldName

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Gets or sets the name of the property/field to sort by. This is a string property.

```APIDOC
## SortDescription.FieldName

### Description
Gets or sets the name of the property/field to sort by.

### Property
`FieldName`

### Type
`string`

### Default Value
`null`

### Example
```csharp
<dx:SortDescription FieldName="Name" />
```
```

--------------------------------

### GroupDescription.SortOrder Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Gets or sets the sort order for groups, which can be Ascending or Descending.

```APIDOC
## SortOrder

### Description
Gets or sets the sort order for groups: `Ascending` or `Descending`.

### Type
`SortOrder` enum

### Default Value
`Ascending`

### Example
```csharp
<dx:GroupDescription FieldName="City" SortOrder="Ascending" />
```
```

--------------------------------

### bindablebase-dxobservableobject.md

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/CONTENTS.txt

Documentation for MVVM base classes BindableBase and DxObservableObject.

```APIDOC
## bindablebase-dxobservableobject.md

### Description
This document details the MVVM base classes `BindableBase` and `DxObservableObject`, which are fundamental for implementing the Model-View-ViewModel pattern with DevExpress controls.

### API Reference
Information on the properties, methods, and events of `BindableBase` and `DxObservableObject`, including support for property change notifications.

### Usage
Guidance on inheriting from these base classes to create observable view models and bind them to the UI.
```

--------------------------------

### IsPullToRefreshEnabled Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets whether pull-to-refresh functionality is enabled. This property is a `bool`.

```APIDOC
## IsPullToRefreshEnabled

### Description
Gets or sets whether pull-to-refresh functionality is enabled.

### Type
`bool`

### Default
`false`

### Example
```csharp
<dx:DXCollectionView IsPullToRefreshEnabled="True" />
```
```

--------------------------------

### Create DXStackLayout Instance

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Instantiates a new DXStackLayout object. This is the basic constructor for the layout control.

```csharp
public DXStackLayout()
```

--------------------------------

### GroupDescription.FieldName Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Gets or sets the name of the property or field to group by. This is a string value.

```APIDOC
## FieldName

### Description
Gets or sets the name of the property/field to group by.

### Type
`string`

### Default Value
`null`

### Example
```csharp
<dx:GroupDescription FieldName="City" />
```
```

--------------------------------

### SortDescription.SortOrder

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Gets or sets the sort direction, which can be Ascending or Descending. This property uses the SortOrder enum.

```APIDOC
## SortDescription.SortOrder

### Description
Gets or sets the sort direction: `Ascending` or `Descending`.

### Property
`SortOrder`

### Type
`SortOrder` enum

### Default Value
`Ascending`

### Enum Values
- `Ascending`: Sort from lowest to highest (A-Z, 0-9)
- `Descending`: Sort from highest to lowest (Z-A, 9-0)

### Example
```csharp
<dx:SortDescription FieldName="Price" SortOrder="Descending" />
```
```

--------------------------------

### DXCollectionView with Sorting and Grouping

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Shows how to implement sorting and grouping for items in DXCollectionView. Configure SortDescription and GroupDescription for desired order and categorization.

```csharp
<dx:DXCollectionView ItemsSource="{Binding Contacts}">
    <dx:DXCollectionView.SortDescriptions>
        <dx:SortDescription FieldName="Name" SortOrder="Ascending" />
    </dx:DXCollectionView.SortDescriptions>
    
    <dx:DXCollectionView.GroupDescription>
        <dx:GroupDescription FieldName="Name" GroupInterval="Alphabetical" />
    </dx:DXCollectionView.GroupDescription>
    
    <dx:DXCollectionView.GroupHeaderTemplate>
        <DataTemplate>
            <Label Text="{Binding GroupValueText}" FontAttributes="Bold" />
        </DataTemplate>
    </dx:DXCollectionView.GroupHeaderTemplate>
    
    <dx:DXCollectionView.ItemTemplate>
        <DataTemplate>
            <Label Text="{Binding Name}" />
        </DataTemplate>
    </dx:DXCollectionView.ItemTemplate>
</dx:DXCollectionView>
```

--------------------------------

### ItemSpanSpacing Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the spacing between columns in grid layout. This property accepts a `double` value.

```APIDOC
## ItemSpanSpacing

### Description
Gets or sets the spacing between columns in grid layout.

### Type
`double`

### Default
`0`

### Example
```csharp
<dx:DXCollectionView ItemSpanSpacing="16" />
```
```

--------------------------------

### Load Raw Asset from App Package

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/CS/CollectionViewSwipe/Resources/Raw/AboutAssets.txt

Access deployed raw assets at runtime using FileSystem.OpenAppPackageFileAsync. This method returns a stream to the file, which can then be read using a StreamReader.

```csharp
async Task LoadMauiAsset()
{
	using var stream = await FileSystem.OpenAppPackageFileAsync("AboutAssets.txt");
	using var reader = new StreamReader(stream);

	var contents = reader.ReadToEnd();
}
```

--------------------------------

### BindableBase Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/bindablebase-dxobservableobject.md

Creates a new instance of the BindableBase class.

```APIDOC
## BindableBase Constructor

### Description
Creates a new instance of the BindableBase class.

### Method
Constructor

### Endpoint
N/A

### Parameters
None

### Request Example
```csharp
var bindableBase = new BindableBase();
```

### Response
N/A
```

--------------------------------

### ItemSeparatorColor Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the color of item separator lines. This property accepts a `Color` value.

```APIDOC
## ItemSeparatorColor

### Description
Gets or sets the color of item separator lines.

### Type
`Color`

### Default
`Colors.Gray`

### Example
```csharp
<dx:DXCollectionView ItemSeparatorColor="#ebebeb" />
```
```

--------------------------------

### Initialize CollectionView in Code-Behind

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/INDEX.md

Initialize a DXCollectionView in C# code-behind, setting its ItemsSource and SelectionMode.

```csharp
// Code-behind
var collectionView = new DXCollectionView
{
    ItemsSource = items,
    SelectionMode = SelectionMode.Single
};
```

--------------------------------

### ItemSeparatorThickness Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the thickness of the separator line between items. This property accepts a `double` value.

```APIDOC
## ItemSeparatorThickness

### Description
Gets or sets the thickness of the separator line between items.

### Type
`double`

### Default
`0`

### Example
```csharp
<dx:DXCollectionView ItemSeparatorThickness="1" />
```
```

--------------------------------

### ItemSpacing Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the spacing between items in the collection view. This property accepts a `double` value.

```APIDOC
## ItemSpacing

### Description
Gets or sets the spacing between items in the collection view.

### Type
`double`

### Default
`0`

### Example
```csharp
<dx:DXCollectionView ItemSpacing="10" />
```
```

--------------------------------

### DXButton Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Creates a new instance of the DXButton control.

```APIDOC
## DXButton Constructor

### Description

Initializes a new instance of the `DXButton` class.

### Method Signature

```csharp
public DXButton()
```
```

--------------------------------

### Include Raw Assets in .csproj

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/CS/CollectionViewSwipe/Resources/Raw/AboutAssets.txt

Use the MauiAsset Include directive in your .csproj file to specify raw assets for deployment. The LogicalName ensures the asset is placed in the correct relative path within the app package.

```xml
<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
```

--------------------------------

### SelectedItems Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the list of selected items. This property is used when `SelectionMode` is set to `Multiple`.

```APIDOC
## SelectedItems

### Description
Gets or sets the list of selected items (used with `SelectionMode.Multiple`).

### Type
`IList`

### Default
`new List<object>()`

### Example
```csharp
collectionView.SelectedItems = new List<object> { contact1, contact2 };
```
```

--------------------------------

### SelectedItem Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the currently selected item. This property is used when `SelectionMode` is set to `Single`.

```APIDOC
## SelectedItem

### Description
Gets or sets the currently selected item (used with `SelectionMode.Single`).

### Type
`object`

### Default
`null`

### Example
```csharp
var selected = collectionView.SelectedItem;
collectionView.SelectedItem = contacts[0];
```
```

--------------------------------

### DXStackLayout Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Creates a new instance of the DXStackLayout control.

```APIDOC
## DXStackLayout Constructor

### Description
Creates a new instance of `DXStackLayout`.

### Method
```csharp
public DXStackLayout()
```
```

--------------------------------

### Configure Grid Layout for DXCollectionView

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/configuration.md

Create a grid layout by setting ItemSpanCount to a value greater than 1. Configure spacing with ItemSpacing and ItemSpanSpacing.

```csharp
<dx:DXCollectionView 
    ItemsSource="{Binding Items}"
    ItemSpanCount="2"
    ItemSpacing="16"
    ItemSpanSpacing="16" />
```

--------------------------------

### Invoke ShowDetailForm Command

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/CS/CrudOperations/readme.md

Use the SimpleButton's Command property to trigger the display of a detail view for an item.

```xml
<dxco:SimpleButton Command="{Binding Source={x:Reference collectionView}, Path=Commands.ShowDetailForm}" .../>
```

--------------------------------

### ItemTemplate Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the template used to display each item in the collection. This property accepts a `DataTemplate`.

```APIDOC
## ItemTemplate

### Description
Gets or sets the template used to display each item in the collection.

### Type
`DataTemplate`

### Default
`null`

### Example
```csharp
<dx:DXCollectionView.ItemTemplate>
    <DataTemplate x:DataType="local:Contact">
        <Grid Padding="10,8">
            <Label Text="{Binding Name}"/>
        </Grid>
    </DataTemplate>
</dx:DXCollectionView.ItemTemplate>
```
```

--------------------------------

### FilterRadioListPickerItem ShowValueCounts Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Gets or sets whether to display the count of items for each value. Defaults to false.

```xml
<dx:FilterRadioListPickerItem ShowValueCounts="false" />
```

--------------------------------

### Configure MAUI Application with DevExpress Services

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/configuration.md

Register DevExpress services in your MauiProgram.cs file to enable the Collection View control and other DevExpress components.

```csharp
using DevExpress.Maui;
using Microsoft.Maui.Hosting;

namespace MyApp
{
    public static class MauiProgram
    {
        public static MauiApp CreateMauiApp()
        {
            var builder = MauiApp.CreateBuilder()
                .UseMauiApp<App>()
                .ConfigureFonts(fonts =>
                {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                });

            // Register DevExpress services
            builder.UseDevExpress();

            return builder.Build();
        }
    }
}
```

--------------------------------

### DXBorder Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Creates a new instance of the DXBorder control.

```csharp
public DXBorder()
```

--------------------------------

### GroupDescription.GroupInterval Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Gets or sets the interval or grouping strategy to apply. This can be None, Alphabetical, Date, or Numeric.

```APIDOC
## GroupInterval

### Description
Gets or sets the interval or grouping strategy to apply.

### Type
`GroupInterval` enum

### Default Value
`None`

### Enum Values
- `None`: No special grouping (groups by exact value)
- `Alphabetical`: Groups by first letter of the value
- `Date`: Groups by date (Year, Month, Day, or other date parts)
- `Numeric`: Groups by numeric ranges

### Example
```csharp
<dx:GroupDescription FieldName="Name" GroupInterval="Alphabetical" />
```
```

--------------------------------

### GroupDescription with FieldName

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Configures GroupDescription to group items based on the 'City' property. This is a basic setup for grouping.

```xml
<dx:GroupDescription FieldName="City" />
```

--------------------------------

### Create DXCollectionView Instance

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Creates a new instance of DXCollectionView with default properties. Use this to initialize the control in your code-behind.

```csharp
public DXCollectionView()
```

--------------------------------

### Project File Structure

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/TECHNICAL-SUMMARY.md

Overview of the generated markdown document structure for the Collection View control documentation.

```text
/workspace/home/output/
├── README.md                          # Documentation overview
├── INDEX.md                           # Quick reference and feature matrix
├── CONTENTS.txt                       # This summary
├── types.md                           # Types and enumerations
├── configuration.md                   # Setup and configuration
├── feature-examples.md                # 8 complete working examples
└── api-reference/
    ├── dxcollectionview.md            # Main control
    ├── filter-controls.md             # Filtering components
    ├── layout-controls.md             # Layout controls
    ├── events-and-binding.md          # Events and binding
    ├── sort-and-group-descriptions.md # Sorting and grouping
    ├── swipecontainer.md              # Swipe actions
    └── bindablebase-dxobservableobject.md # MVVM base classes

```

--------------------------------

### DXDockLayout Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/layout-controls.md

Creates a new instance of the DXDockLayout control. This is the primary way to initialize the layout in your application.

```APIDOC
## DXDockLayout Constructor

### Description
Creates a new instance of `DXDockLayout`.

### Code
```csharp
public DXDockLayout()
```
```

--------------------------------

### Set FilterCheckedChipGroupItem FieldName

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Example of setting the FieldName property for a FilterCheckedChipGroupItem. This property specifies the name of the property to filter by.

```csharp
<dx:FilterCheckedChipGroupItem FieldName="Type" />
```

--------------------------------

### PullToRefreshCommand Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the command executed when the user performs a pull-to-refresh gesture. This property accepts an `ICommand`.

```APIDOC
## PullToRefreshCommand

### Description
Gets or sets the command executed when the user performs a pull-to-refresh gesture.

### Type
`ICommand`

### Default
`null`

### Example
```csharp
<dx:DXCollectionView 
    IsPullToRefreshEnabled="True"
    PullToRefreshCommand="{Binding PullToRefreshCommand}" />
```
```

--------------------------------

### SortDescription Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Creates a new SortDescription instance with default properties. This constructor requires no parameters.

```csharp
public SortDescription()
```

--------------------------------

### Load More Data with Skip and Take

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/CS/CollectionViewLoadMore/Readme.md

Use Skip and Take methods to load the next portion of data. This is useful for paginating large datasets efficiently.

```csharp
allBlogs.Skip(startIndex).Take(batchSize);
```

--------------------------------

### ItemsSource Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/dxcollectionview.md

Gets or sets the data source that populates the collection view with items. This property accepts an `IEnumerable`.

```APIDOC
## ItemsSource

### Description
Gets or sets the data source that populates the collection view with items.

### Type
`IEnumerable`

### Default
`null`

### Example
```csharp
<dx:DXCollectionView ItemsSource="{Binding Data}" />
```
```

--------------------------------

### FilterRadioListPickerItem ShowRadioButtons Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Gets or sets whether to display radio buttons next to the values. Defaults to false.

```xml
<dx:FilterRadioListPickerItem ShowRadioButtons="false" />
```

--------------------------------

### SortDescription Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Creates a new SortDescription instance with default properties. This constructor requires no parameters.

```APIDOC
## SortDescription Constructor

### Description
Creates a new `SortDescription` instance with default properties.

### Method
Constructor

### Parameters
(none)

### Return Type
Returns a new `SortDescription` instance.
```

--------------------------------

### FilterRadioListPickerItem ShowValuesOutOfFilter Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Gets or sets whether to display values that do not match the current filter. Defaults to true.

```xml
<dx:FilterRadioListPickerItem ShowValuesOutOfFilter="true" />
```

--------------------------------

### FilterRadioListPickerItem ImageColor Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/filter-controls.md

Gets or sets the tint color of the icon image. Supports DevExpress ThemeColor markup.

```xml
<dx:FilterRadioListPickerItem 
    ImageColor="{dx:ThemeColor Primary}" />
```

--------------------------------

### ViewModel with Button Command and Action

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/CS/ContextMenuPopup/README.md

Defines an ICommand for button clicks and an associated action method. The command accepts a string parameter to identify the clicked item.

```csharp
public class MainViewModel : BindableBase {
    bool isOpenPopup;

    public bool IsOpenPopup {
        get => this.isOpenPopup;
        set {
            isOpenPopup = value;
            RaisePropertyChanged();
        }
    }

    public ICommand PopupActionCommand {
        get;
        set;
    }

    public MainViewModel() {
        PopupActionCommand = new Command<string>(PopupAction);
        // ...
    }
    public async void PopupAction(string parameter) {
        await Application.Current.MainPage.DisplayAlert("Popup Item Click", parameter, "OK");
    }
}
```

--------------------------------

### Default GroupDescription Constructor

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Creates a new GroupDescription instance with default properties. No parameters are required.

```csharp
public GroupDescription()
```

--------------------------------

### SortDescription SortOrder Property

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/api-reference/sort-and-group-descriptions.md

Gets or sets the sort direction, which can be Ascending or Descending. This determines the order in which items are arranged.

```xaml
<dx:SortDescription FieldName="Price" SortOrder="Descending" />
```

--------------------------------

### Handle CollectionView Long Press Event

Source: https://github.com/devexpress-examples/maui-collection-view/blob/24.2.3+/_autodocs/types.md

Example of how to handle the LongPress event for DXCollectionView to access the long-pressed item and its index.

```csharp
private void OnLongPress(object sender, CollectionViewGestureEventArgs e)
{
    var item = e.Item;
    var index = e.ItemIndex;
}
```