WPF中属性更新时TextBlock样式未动态触发的解决方案咨询

ViewModel中维护两个Configuration类实例：WorkingConfig随用户操作实时更新，SavedConfig仅在点击「Calculate」按钮时更新。UI中每个输入控件（TextBox/CheckBox/ComboBox等）对应一个TextBlock，需求是当WorkingConfig的属性值与SavedConfig中同名属性值不一致时，对应TextBlock自动变更样式（加粗、前景色改为黑色），且要通过通用方案实现，避免为每个TextBlock重复编写绑定代码。

当前实现仅在UserControl初始化时触发一次属性比较，后续WorkingConfig属性更新时，TextBlock样式无变化，需解决该问题。

现有实现代码 #

C#附加属性与转换器 #

public static class AttachedProperty
{
    public static readonly DependencyProperty AttributeNameProperty = DependencyProperty.RegisterAttached("AttributeName",typeof(string), typeof(AttachedProperty));

    public static string GetAttributeName(DependencyObject obj)
    {
        return (string)obj.GetValue(AttributeNameProperty);
    }

    public static void SetAttributeName(DependencyObject obj, string value)
    {
        obj.SetValue(AttributeNameProperty, value);
    }
}

public class AttributeComparisonConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length == 3 && values[0] is IConfiguration config1 && values[1] is IConfiguration config2 )
        {
            string AttributeName = values[2]?.ToString();
            if (string.IsNullOrEmpty(AttributeName)) { return true; }
            return string.Equals(GetAttributeValue(config1, AttributeName), GetAttributeValue(config2, AttributeName));
        }
        return false;
    }

    private string GetAttributeValue(IConfiguration config, string AttributeName)
    {
        return config?.GetType().GetProperty(AttributeName).GetValue(config)?.ToString();
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

XAML资源字典样式 #

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:core="clr-namespace:my_core_namespace">
    <core:AttributeComparisonConverter x:Key="AttributeComparisonConverter"/>
    <Style BasedOn="{StaticResource {x:Type TextBlock}}"
           TargetType="{x:Type TextBlock}">
        <Setter Property="Foreground" Value="DarkSlateGray"/>
        <Setter Property="FontWeight" Value="Light"/>
        <Setter Property="Margin" Value="15, 10, 0, 5"/>
        <Style.Triggers>
            <DataTrigger Value="False">
                <DataTrigger.Binding>
                    <MultiBinding Converter="{StaticResource AttributeComparisonConverter}">
                        <Binding Path="WorkingConfig"/>
                        <Binding Path="SavedConfig"/>
                        <Binding Path="(core:AttachedProperty.AttributeName)" RelativeSource="{RelativeSource Self}"/>
                    </MultiBinding>
                </DataTrigger.Binding>
                <Setter Property="FontWeight" Value="Bold"/>
                <Setter Property="Foreground" Value="Black"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</ResourceDictionary>

UserControl布局 #

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="240"/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <StackPanel>
        <TextBlock Text="example 1" core:AttachedProperty.AttributeName="property1"/>
        <TextBlock Text="example 2" core:AttachedProperty.AttributeName="attribute2"/>
        <TextBlock Text="example 3" core:AttachedProperty.AttributeName="attribute3"/>
    </StackPanel>

    <StackPanel Grid.Column="1">
        <TextBox x:Name="textBox_1" Text="{Binding WorkingConfig.attribute1}"/>
        <CheckBox x:Name="checkBox_1" IsChecked="{Binding WorkingConfig.attribute2}"/>
        <ComboBox x:Name="comboBox_1" SelectedValue="{Binding WorkingConfig.attribute3}"/>
    </StackPanel>
</Grid>

注：修正了原CheckBox的绑定错误（原代码用Text绑定属性，应改为IsChecked）。

问题根源 #

当前MultiBinding仅监听WorkingConfig和SavedConfig对象本身的引用变化，而非它们内部属性的变化。当WorkingConfig的单个属性更新时，对象引用未改变，MultiBinding不会触发重新转换，导致样式无法更新。

解决方案 #

核心思路 #

让绑定直接监听WorkingConfig和SavedConfig的具体属性变化，而非整个对象。通过附加属性动态生成属性绑定路径，确保属性值更新时触发转换器重新计算。

步骤1：修改附加属性逻辑 #

让附加属性在设置时，动态为TextBlock创建绑定到具体属性的MultiBinding：

public static class AttachedProperty
{
    public static readonly DependencyProperty AttributeNameProperty = DependencyProperty.RegisterAttached(
        "AttributeName",
        typeof(string),
        typeof(AttachedProperty),
        new PropertyMetadata(null, OnAttributeNameChanged));

    public static string GetAttributeName(DependencyObject obj)
    {
        return (string)obj.GetValue(AttributeNameProperty);
    }

    public static void SetAttributeName(DependencyObject obj, string value)
    {
        obj.SetValue(AttributeNameProperty, value);
    }

    private static void OnAttributeNameChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is TextBlock textBlock && e.NewValue is string propName)
        {
            var multiBinding = new MultiBinding
            {
                Converter = new AttributeComparisonConverter()
            };
            // 绑定WorkingConfig的目标属性
            multiBinding.Bindings.Add(new Binding($"WorkingConfig.{propName}") 
            { 
                RelativeSource = new RelativeSource(RelativeSourceMode.FindAncestor, typeof(UserControl), 1) 
            });
            // 绑定SavedConfig的目标属性
            multiBinding.Bindings.Add(new Binding($"SavedConfig.{propName}") 
            { 
                RelativeSource = new RelativeSource(RelativeSourceMode.FindAncestor, typeof(UserControl), 1) 
            });
            
            // 将绑定结果绑定到TextBlock的Tag属性，供触发器监听
            textBlock.SetBinding(TextBlock.TagProperty, multiBinding);
        }
    }
}

步骤2：简化转换器逻辑 #

直接比较两个属性值，无需反射获取属性：

public class AttributeComparisonConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length != 2) return true;
        
        var workingValue = values[0];
        var savedValue = values[1];
        
        // 处理null值场景
        if (workingValue == null && savedValue == null) return true;
        if (workingValue == null || savedValue == null) return false;
        
        // 值类型直接比较，自定义类型需重写Equals方法
        return workingValue.Equals(savedValue);
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

步骤3：更新Style触发器 #

让触发器监听TextBlock的Tag属性：

<Style.Triggers>
    <DataTrigger Value="False" Binding="{Binding Tag, RelativeSource={RelativeSource Self}}">
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="Foreground" Value="Black"/>
    </DataTrigger>
</Style.Triggers>

步骤4：确保Configuration类实现INotifyPropertyChanged #

只有属性变更时触发通知，绑定才能感知到变化：

public class Configuration : IConfiguration, INotifyPropertyChanged
{
    private string _attribute1;
    public string Attribute1
    {
        get => _attribute1;
        set
        {
            if (_attribute1 != value)
            {
                _attribute1 = value;
                OnPropertyChanged();
            }
        }
    }

    // 其他属性同理实现...

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

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