Xamarin.Forms中无法修改CollectionView内Frame背景颜色问题求助

咱们先梳理下你当前代码的核心问题：

1. 你把BackgroundTest放在页面ViewModel里，但CollectionView的每个Item绑定的是samplelist中的单个数据项，所以Frame的BackgroundColor绑定找不到这个属性，自然不会生效；
2. 你尝试的VisualStateManager放在了外层StackLayout上，而不是Frame本身，所以状态变化不会作用到Frame上。

下面给你两个可行的解决方案，你可以根据需求选择：

方案一：给数据模型添加背景色属性（适合需要自定义选中逻辑的场景） #

这个方案让每个数据项自己管理背景色，灵活性更高：

1. 修改你的Test数据模型，让它实现INotifyPropertyChanged并添加背景色属性：

public class Test : INotifyPropertyChanged
{
    private Color _backgroundColor = Color.White; // 设置默认背景色
    public Color BackgroundColor
    {
        get => _backgroundColor;
        set
        {
            if (_backgroundColor != value)
            {
                _backgroundColor = value;
                OnPropertyChanged(nameof(BackgroundColor));
            }
        }
    }

    // 你的其他属性...

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 更新XAML中Frame的绑定，直接绑定到数据项的BackgroundColor：

<Frame CornerRadius="10" HasShadow="False" BackgroundColor="{Binding BackgroundColor}" HeightRequest="75" Margin="5,0,0,0" >

3. 修改ViewModel的点击方法，更新选中项的背景色（如果需要单选，记得先重置其他项的颜色）：

private void clicked(Test selectedTest)
{
    // 单选逻辑：先把所有项的背景色重置为默认
    foreach (var item in samplelist)
    {
        item.BackgroundColor = Color.White;
    }
    // 设置选中项的背景色
    selectedTest.BackgroundColor = Color.FromHex("#F95F62");
}

方案二：使用VisualStateManager（适合简单选中状态的场景） #

这个方案不需要修改数据模型，利用CollectionView的选中状态自动触发UI变化：

1. 调整VisualStateManager的位置，把它放到Frame内部，确保状态变化作用在Frame上：

<CollectionView.ItemTemplate>
    <DataTemplate>
        <StackLayout>
            <Frame CornerRadius="10" HasShadow="False" BackgroundColor="White" HeightRequest="75" Margin="5,0,0,0" >
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup Name="CommonStates">
                        <VisualState Name="Selected">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="#F95F62" />
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <StackLayout Orientation="Vertical">
                    <StackLayout.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding Source={x:Reference test}, Path=BindingContext.textselected}" CommandParameter="{Binding .}"/>
                    </StackLayout.GestureRecognizers>
                    <!-- 你的Item内容 -->
                </StackLayout>
            </Frame>
        </StackLayout>
    </DataTemplate>
</CollectionView.ItemTemplate>

2. 确保CollectionView开启了选中模式，在CollectionView标签里添加：

<CollectionView x:Name="list" ItemsSource="{Binding samplelist}" SelectionMode="Single">

这样当你点击Item时，CollectionView会自动将该Item标记为选中状态，触发Frame的Selected视觉状态，背景色就会自动变化啦。

另外还要检查两个小细节：

• 你的ViewModel要确保实现了INotifyPropertyChanged接口；
• TapGestureRecognizer的Command要正确绑定到ViewModel的命令，确保clicked方法能被触发。

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