WPF中ItemsControl与DataTrigger绑定选中状态更新问题求助

看起来你遇到的是MVVM模式下属性变更通知没有正确传递到UI的典型问题，我帮你拆解几个关键排查点和修复方案：

1. 确保Foo类实现了INotifyPropertyChanged #

这是最容易忽略的核心点：你只在ViewModel里通知了集合的变化，但单个Foo对象的IsSelected属性变更时，并没有主动告知UI。UI无法自动感知对象内部属性的变化，必须通过PropertyChanged事件触发通知。

修改Foo类，添加属性变更通知逻辑：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class Foo : INotifyPropertyChanged
{
    private bool _isSelected;

    public string Name { get; set; }
    public string ImageUrl { get; set; }

    public bool IsSelected
    {
        get => _isSelected;
        set
        {
            if (_isSelected != value)
            {
                _isSelected = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 使用ObservableCollection而非普通List #

如果你的Foos集合是普通的List<Foo>，即使调用NotifyOfPropertyChange(() => Foos)，UI也无法高效感知集合内项的属性变化。ObservableCollection会自动处理集合的增减通知，同时配合Foo自身的INotifyPropertyChanged，就能让UI实时响应单个项的属性变更。

ViewModel里的集合定义改成：

public ObservableCollection<Foo> Foos { get; set; }

// 在构造函数中初始化集合
public YourViewModel()
{
    Foos = new ObservableCollection<Foo>();
    // 添加你的Foo初始化项
}

3. 移除不必要的集合变更通知 #

你调用的NotifyOfPropertyChange(() => Foos)是通知UI“整个集合的引用发生了变化”，但实际上你只是修改了集合内项的IsSelected属性，集合本身的引用并没有改变。这个调用不仅没用，还可能干扰UI的绑定逻辑，直接去掉即可。

修改选中项切换逻辑：

private void SelectFoo(Foo newSelectedFoo)
{
    foreach (var foo in Foos)
    {
        foo.IsSelected = foo == newSelectedFoo;
    }
    // 这里不需要调用NotifyOfPropertyChange(() => Foos)
}

4. 检查XAML绑定的正确性 #

确保Button的Style中，DataTrigger正确绑定到了Foo的IsSelected属性，且Button的DataContext确实是对应的Foo对象：

<ItemsControl ItemsSource="{Binding Foos}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Button Command="{Binding DataContext.SelectFooCommand, RelativeSource={RelativeSource AncestorType=ItemsControl}}"
                    CommandParameter="{Binding}">
                <Button.Style>
                    <Style TargetType="Button">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="Button">
                                    <Border x:Name="border" BorderThickness="2" BorderBrush="Transparent">
                                        <Image Source="{Binding ImageUrl}" Stretch="UniformToFill"/>
                                    </Border>
                                    <ControlTemplate.Triggers>
                                        <DataTrigger Binding="{Binding IsSelected}" Value="True">
                                            <Setter TargetName="border" Property="BorderBrush" Value="Red"/>
                                        </DataTrigger>
                                        <Trigger Property="IsMouseOver" Value="True">
                                            <Setter TargetName="border" Property="BorderBrush" Value="Red"/>
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Button.Style>
            </Button>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

做完这些修改后，当你切换选中项时，IsSelected的变更会通过Foo的PropertyChanged事件传递到UI，边框应该就能正常更新了。

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