Customize Appearance of DevExpress CollectionView for .NET MAUI
- 3 minutes to read
This topic lists API members that allow you to customize the appearance of the DXCollectionView control.
Apply Themes
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.
Specify Background
Use the properties below to specify the CollectionView fill color:
Specify Item Appearance and Layout
The properties below allow you to customize the appearance of CollectionView item text and appearance:
- DisplayFormat
- Specifies the format that is applied to CollectionView item text.
- ItemAppearance
- Allows you to specify the most common item appearance settings (including text color, padding, font options, and background).
- ItemTemplate
- Defines a data template that configures CollectionView item appearance.
- ItemSeparatorColor, ItemSeparatorShowBeforeGroup, ItemSeparatorThickness, ItemSeparatorCapMargin
- Specify item separator options.
- ItemSize, MinItemSize
- Allow 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, ItemSpanSpacing
- Specify gaps between items in the DXCollectionView control.
Specify Group Header Appearance
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, MinGroupHeaderSize
- Specify the group header height or width depending on Orientation.
- GroupItemAppearance
- Allows you to specify the most common appearance settings for group headers (including text color, padding, margin, font options, and background).
- GroupHeaderTemplate
- Defines a data template that configures collection view group header appearance.
- GroupItemSeparatorCapMargin, GroupItemSeparatorColor, GroupItemSeparatorThickness
- Specify group header options.
Indicate Taps with Ripple Effects
Ripple animations allow you to visualize user taps on DXCollectionView items.
Use the following properties to configure ripple effects:
- UseRippleEffect
- Specifies whether to show ripple animations when a user taps collection view items.
- RippleColor
- Specifies the color used to display ripple effects.
- RippleEffectPosition
- Defines whether to show ripple effects in front of collection view items or behind them.
<dxcv:DXCollectionView ...
UseRippleEffect="True"
RippleColor="#502B0098"
RippleEffectPosition="Foreground">
Customize Selected Item Appearance
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.
Obtain Current Appearance Settings
Use the DXCollectionView.ActualAppearance property to obtain an object with the collection view’s current appearance settings.