.NET MAUI中如何修改CollectionView选中项的背景色？

我太懂你这种烦恼了——Android上CollectionView默认的选中橙色真的很难搞，官方文档的例子有时候因为平台样式优先级的问题就是不生效。我给你几个实测有效的方案，你可以挨个试试：

方案一：在ItemTemplate里直接定义选中视觉状态 #

这是最直接的方法，因为你可以直接控制每个Item的选中样式，优先级比平台默认样式高。修改你的OfferProductStyle这个DataTemplate，加上VisualStateManager：

<DataTemplate x:Key="OfferProductStyle">
    <!-- 这里是你原来的Item布局，比如StackLayout/Grid等 -->
    <Grid>
        <!-- 你的原有控件内容，比如图片、文字等 -->
        
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="CommonStates">
                <!-- 正常状态 -->
                <VisualState x:Name="Normal" />
                <!-- 选中状态 -->
                <VisualState x:Name="Selected">
                    <VisualState.Setters>
                        <!-- 替换成你想要的背景色 -->
                        <Setter Property="BackgroundColor" Value="#2196F3" />
                        <!-- 可选：还可以修改文字颜色等其他属性 -->
                        <!-- <Setter TargetName="ProductNameLabel" Property="TextColor" Value="White" /> -->
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
    </Grid>
</DataTemplate>

这个方法的好处是精准控制每个Item的样式，不会影响其他控件。

方案二：自定义Android平台Renderer（底层控制） #

如果上面的方法还是不生效，可能是平台原生样式的优先级太高，这时候用自定义Renderer直接替换Android原生的选中选择器：

在你的Android项目中创建一个类：

using Android.Content;
using Android.Graphics.Drawables;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using YourAppNamespace; // 替换成你的应用命名空间
using YourAppNamespace.Droid; // 替换成你的Android项目命名空间

[assembly: ExportRenderer(typeof(CollectionView), typeof(CustomCollectionViewRenderer))]
namespace YourAppNamespace.Droid
{
    public class CustomCollectionViewRenderer : CollectionViewRenderer
    {
        public CustomCollectionViewRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<GroupableItemsView> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 创建状态列表Drawable，控制选中和正常状态的背景
                var stateList = new StateListDrawable();
                // 选中状态的背景色（替换成你要的颜色）
                stateList.AddState(new int[] { Android.Resource.Attribute.StateSelected }, 
                                  new ColorDrawable(Android.Graphics.Color.ParseColor("#2196F3")));
                // 正常状态的背景（透明或者你要的默认色）
                stateList.AddState(new int[] { }, 
                                  new ColorDrawable(Android.Graphics.Color.Transparent));
                
                // 设置给RecyclerView的选择器
                Control.SetSelector(stateList);
            }
        }
    }
}

这个方法直接操作Android原生的RecyclerView，完全绕过Xamarin.Forms的样式系统，绝对能覆盖默认橙色。

方案三：全局设置CollectionViewItem样式 #

如果你想让所有CollectionView的选中样式都统一，可以在页面或者App的资源里设置全局Style：

<ContentPage.Resources>
    <Style TargetType="CollectionViewItem">
        <Setter Property="VisualStateManager.VisualStateGroups">
            <VisualStateGroupList>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Selected">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="#你的目标颜色" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateGroupList>
        </Setter>
    </Style>
</ContentPage.Resources>

额外提醒 #

• 如果你用了Shell或者自定义主题，要确保你的样式优先级比主题样式高；
• 检查ItemTemplate里的布局有没有设置固定的BackgroundColor，如果有，选中状态的背景色可能会被覆盖，这时候可以把布局的背景色设置成Transparent，让VisualState的设置生效。

内容的提问来源于stack exchange，提问作者Ariel Saldaña