UWP中ListView项值动态更新时如何实现背景色自动变更

你踩中了StyleSelector的一个常见坑——它确实只会在ListViewItem第一次创建的时候跑一次选择逻辑，后续数据更新根本不会触发它重新执行，所以背景色自然不会跟着变。要实现值变化时自动更新背景，咱们换两种能响应属性变化的办法就行，都是WPF/UWP里原生的方案：

方案一：用ItemContainerStyle + DataTrigger（最推荐，纯XAML搞定） #

这种方式不用改C#代码，完全在XAML里配置，而且能直接响应Val属性的变化通知。你只需要把原来的ItemContainerStyleSelector删掉，换成带DataTrigger的ItemContainerStyle就行：

<ListView ItemsSource="{x:Bind ViewModel.DataRef.Values, Mode=OneWay}" 
         HorizontalAlignment="Center" VerticalAlignment="Center">
    <ListView.ItemTemplate>
        <DataTemplate x:DataType="local:ValWrapper">
            <TextBlock Text="{x:Bind Val, Mode=OneWay}"/>
        </DataTemplate>
    </ListView.ItemTemplate>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <!-- 默认设为绿色（对应原来的Good状态） -->
            <Setter Property="Background" Value="Green"/>
            <!-- 当Val小于等于1时，切换为红色（对应原来的Bad状态） -->
            <Style.Triggers>
                <DataTrigger Binding="{x:Bind Val, Mode=OneWay}" Value="1" Comparison="LessThanOrEqual">
                    <Setter Property="Background" Value="Red"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
</ListView>

这样一来，每当ValWrapper的Val属性更新并触发PropertyChanged事件时，DataTrigger会自动检查值的变化，然后切换对应的背景色，完美解决你的动态更新需求。

方案二：用绑定转换器（适合复杂逻辑场景） #

如果之后你需要更复杂的判断逻辑（比如多个阈值、多状态切换），可以写一个IValueConverter，直接把Val的值转换成对应的背景色，再绑定到ListViewItem的Background属性上。

第一步：创建转换器类 #

public class ValToBackgroundConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        if (value is double val)
        {
            double threshold = 1;
            return val <= threshold ? new SolidColorBrush(Colors.Red) : new SolidColorBrush(Colors.Green);
        }
        // 默认返回透明，避免异常
        return new SolidColorBrush(Colors.Transparent);
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        // 不需要反向转换，直接抛异常即可
        throw new NotImplementedException();
    }
}

第二步：在XAML中声明并使用转换器 #

先在Page的资源里注册转换器：

<Page.Resources>
    <local:ValToBackgroundConverter x:Key="ValToBackgroundConverter"/>
</Page.Resources>

然后修改ListView的ItemContainerStyle，直接绑定Background：

<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <Setter Property="Background" Value="{x:Bind Val, Mode=OneWay, Converter={StaticResource ValToBackgroundConverter}}"/>
    </Style>
</ListView.ItemContainerStyle>

这个方案同样能响应Val的属性变化，当值更新时，转换器会重新计算并返回对应的背景色。

补充：为什么StyleSelector不行？ #

再给你捋一下原因：StyleSelector的设计初衷就是在容器初始化时一次性选择样式，它没有监听数据变化的机制——哪怕你的数据完美实现了INotifyPropertyChanged，它也不会重新执行SelectStyleCore方法。而上面两种方案都是基于数据绑定的，能自动响应属性变化通知，所以才能实现动态更新。

最后再确认一下：你的ValWrapper类一定要正确实现INotifyPropertyChanged，比如：

public class ValWrapper : INotifyPropertyChanged
{
    private double _val;
    public double Val
    {
        get => _val;
        set
        {
            if (_val != value)
            {
                _val = value;
                OnPropertyChanged(nameof(Val));
            }
        }
    }

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

另外注意：如果是在非UI线程更新Val的值，记得用Dispatcher调度到UI线程触发PropertyChanged，否则UI可能收不到更新通知哦。

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