如何在MAUI的CollectionView的GridItemsLayout中修改选中项背景色？

方案1：使用ItemStyle直接配置（最简便） #

如果基于.NET MAUI开发，CollectionView自带ItemStyle属性，可直接通过VisualStateManager配置选中状态的背景色，无需修改原有DataTemplate的结构：

<ScrollView>
    <CollectionView x:Name="BrandsToUseCollectionView" 
                    ItemsSource="{x:Static vm:BrandsToUseVM.AllBrandNames}"
                    SelectionMode="Multiple" 
                    SelectedItems="{Binding BrandNamesSelected}"
                    SelectionChanged="OnBrandSelectionChanged" 
                    Margin="15,15,15,0">
        <!-- 保留原GridItemsLayout配置 -->
        <CollectionView.ItemsLayout>
            <GridItemsLayout Span="2" Orientation="Vertical" VerticalItemSpacing="10" HorizontalItemSpacing="15" />
        </CollectionView.ItemsLayout>
        <!-- 新增ItemStyle配置选中背景 -->
        <CollectionView.ItemStyle>
            <Style TargetType="Grid"> <!-- Grid是CollectionView项的默认容器 -->
                <Setter Property="VisualStateManager.VisualStateGroups">
                    <VisualStateGroupList>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal" />
                            <VisualState x:Name="Selected">
                                <VisualState.Setters>
                                    <Setter Property="BackgroundColor" Value="#E0E0E0" /> <!-- 自定义选中背景色 -->
                                </VisualState.Setters>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateGroupList>
                </Setter>
            </Style>
        </CollectionView.ItemStyle>
        <!-- 保留原ItemTemplate -->
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <Label FontAttributes="Bold" Padding="0,7,0,0" HeightRequest="40" 
                       VerticalOptions="Center" HorizontalOptions="Center" 
                       FontSize="Medium" Text="{Binding .}" />
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</ScrollView>

这个方法直接复用CollectionView项的默认容器，通过ItemStyle统一配置选中状态，完全不需要改动原DataTemplate的布局结构，满足简化代码的需求。

方案2：代码后置动态更新（适合复杂逻辑场景） #

如果需要根据选中项的属性动态调整背景色，或者在Xamarin.Forms环境下（无ItemStyle属性），可以在SelectionChanged事件中直接操作项容器：

private void OnBrandSelectionChanged(object sender, SelectionChangedEventArgs e)
{
    // 处理新增选中项
    foreach (var item in e.CurrentSelection)
    {
        BrandsToUseCollectionView.ScrollToItem(item, ScrollToPosition.Center, false);
        if (BrandsToUseCollectionView.GetItemContentView(item) is Grid itemContainer)
        {
            itemContainer.BackgroundColor = Color.FromHex("#E0E0E0");
        }
    }
    // 处理取消选中项
    foreach (var item in e.PreviousSelection)
    {
        if (BrandsToUseCollectionView.GetItemContentView(item) is Grid itemContainer)
        {
            itemContainer.BackgroundColor = Colors.Transparent;
        }
    }
}

这种纯代码逻辑的方式无需修改XAML，适合需要灵活控制颜色的场景。

兼容Xamarin.Forms的替代方案 #

如果仍在使用Xamarin.Forms，虽然没有ItemStyle属性，但可以把选中状态样式抽成全局资源复用，减少重复代码：

<!-- 在全局ResourceDictionary中定义样式 -->
<ResourceDictionary>
    <Style x:Key="SelectedItemContainerStyle" TargetType="Grid">
        <Setter Property="VisualStateManager.VisualStateGroups">
            <VisualStateGroupList>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="Selected">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="#E0E0E0" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateGroupList>
        </Setter>
    </Style>
</ResourceDictionary>

<!-- 在DataTemplate中引用样式 -->
<DataTemplate>
    <Grid Style="{StaticResource SelectedItemContainerStyle}">
        <Label FontAttributes="Bold" Padding="0,7,0,0" HeightRequest="40" 
               VerticalOptions="Center" HorizontalOptions="Center" 
               FontSize="Medium" Text="{Binding .}" />
    </Grid>
</DataTemplate>

内容的提问来源于stack exchange，提问作者cfischy