maui-404775-collection-view-customize-appearance.md
This topic lists API members that allow you to customize the appearance of the DXCollectionView control.
The DevExpress components for .NET MAUI including DXCollectionView control support the common theming mechanism. You can use more than 10 built-in color schemes in both light and dark modes.
For more information, refer to the following help topic: Color Themes for DevExpress .NET MAUI Controls.
Use the properties below to specify the CollectionView fill color:
The properties below allow you to customize the appearance of CollectionView item text and appearance:
DisplayFormatSpecifies the format that is applied to CollectionView item text.ItemAppearanceAllows you to specify the most common item appearance settings (including text color, padding, font options, and background).ItemTemplateDefines a data template that configures CollectionView item appearance.ItemSeparatorColor, ItemSeparatorShowBeforeGroup, ItemSeparatorThickness, ItemSeparatorCapMarginSpecify item separator options.ItemSize, MinItemSizeAllow you to define item height or width depending on the Orientation value.ItemSpanCount
Sets the number of columns or rows (depending on Orientation) that are used to arrange collection view items.
ItemSpacing, ItemSpanSpacingSpecify gaps between items in the DXCollectionView control.
The DXCollectionView control allows you to group its items. For information on how to specify group header appearance, refer to the following section: Customize Group Headers. The following properties configure header appearance options:
GroupHeaderSize, MinGroupHeaderSizeSpecify the group header height or width depending on Orientation.GroupItemAppearanceAllows you to specify the most common appearance settings for group headers (including text color, padding, margin, font options, and background).GroupHeaderTemplateDefines a data template that configures collection view group header appearance.GroupItemSeparatorCapMargin, GroupItemSeparatorColor, GroupItemSeparatorThicknessSpecify group header options.
Ripple animations allow you to visualize user taps on DXCollectionView items.
Use the following properties to configure ripple effects:
UseRippleEffectSpecifies whether to show ripple animations when a user taps collection view items.RippleColorSpecifies the color used to display ripple effects.RippleEffectPositionDefines whether to show ripple effects in front of collection view items or behind them.
<dxcv:DXCollectionView ...
UseRippleEffect="True"
RippleColor="#502B0098"
RippleEffectPosition="Foreground">
The following properties allow you to specify the appearance for selected DXCollectionView items:
For more information on selection in DXCollectionView, refer to the following help topic: Item Selection in Collection View for .NET MAUI.
Use the DXCollectionView.ActualAppearance property to obtain an object with the collection view’s current appearance settings.