WPF中ObservableCollection嵌套类场景下自定义FrameworkElement调用InvalidateVisual后OnRender未触发的问题求助

看起来你在异步管理UI元素集合时踩了几个WPF线程和依赖属性的关键坑，我来帮你梳理清楚并给出修复方案：

核心问题分析 #

1. 依赖属性注册完全无效：你在MainWindowViewModel里注册的batteriesProperty，所有者类型写的是MainWindow，而且属性的getter直接返回tbModel.Modules[0].batteries，完全没用到GetValue(batteriesProperty)——这意味着这个依赖属性根本没起作用，等于白写了。更关键的是，普通ViewModel通常不继承DependencyObject，本身就不适合定义依赖属性。

2. 线程问题处理方向错误：你移除Battery类的依赖属性是没必要的。WPF的FrameworkElement确实需要在UI线程操作，但异步线程可以通过Dispatcher安全调度UI线程更新，不需要放弃依赖属性这个核心的UI通知机制。

3. InvalidateVisual失效的原因：移除Battery的依赖属性后，属性变化无法通知UI系统；再加上如果更新操作不在UI线程执行，即使调用InvalidateVisual，WPF也会因为线程上下文不匹配而忽略这个重绘请求。

修复方案（推荐保留Battery的依赖属性） #

这个方案既能解决线程冲突，又能保留你原来的OnRender逻辑，是最贴合你现有代码的修复方式：

步骤1：恢复Battery类的DependencyProperty #

把之前的依赖属性加回Battery.cs，比如电压属性（可以根据你的需求扩展其他属性）：

public class Battery : FrameworkElement
{
    public static readonly DependencyProperty VoltageProperty =
        DependencyProperty.Register(nameof(Voltage), typeof(double), typeof(Battery),
            new PropertyMetadata(0.0, OnVoltageChanged));

    public double Voltage
    {
        get => (double)GetValue(VoltageProperty);
        set => SetValue(VoltageProperty, value);
    }

    private static void OnVoltageChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var battery = (Battery)d;
        battery.InvalidateVisual(); // 属性变化时自动触发重绘
    }

    // 你的OnRender实现
    protected override void OnRender(DrawingContext drawingContext)
    {
        base.OnRender(drawingContext);
        // 这里写你的渲染逻辑，直接使用Voltage等属性即可
    }
}

步骤2：通过Dispatcher安全处理异步更新 #

修改UpdatePacket方法，确保所有UI相关操作都在UI线程执行：

public void UpdatePacket(Packet packet)
{
    // 检查当前线程是否是UI线程
    if (!Dispatcher.CheckAccess())
    {
        // 如果不是，调度到UI线程执行当前方法
        Dispatcher.Invoke(() => UpdatePacket(packet));
        return;
    }

    // 在UI线程安全更新属性
    Voltage = packet.Voltage;
    // 这里不需要手动调用InvalidateVisual，依赖属性的回调已经帮你触发了
}

步骤3：正确管理集合的线程安全 #

ObservableCollection<Battery>本身不是线程安全的，所以管理类中添加/移除电池的操作也需要调度到UI线程：

// 假设你的管理类中的异步更新逻辑
public async Task RefreshBatteryDataAsync()
{
    // 异步获取数据包
    var newPacket = await GetBatteryPacketAsync();
    
    // 调度到UI线程更新电池
    Application.Current.Dispatcher.Invoke(() =>
    {
        var targetBattery = tbModel.Modules[0].batteries.First(b => b.Id == newPacket.BatteryId);
        targetBattery.UpdatePacket(newPacket);
    });
}

替代方案：MVVM数据模板模式（分离UI与数据） #

如果你更倾向于标准MVVM架构，不想让Battery继承FrameworkElement，可以把Battery改成数据模型，用DataTemplate实现UI渲染：

1. 定义Battery数据模型 #

public class BatteryModel : INotifyPropertyChanged
{
    private double _voltage;
    public double Voltage
    {
        get => _voltage;
        set
        {
            _voltage = value;
            OnPropertyChanged();
        }
    }

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

2. 创建BatteryControl作为UI渲染元素 #

public class BatteryControl : FrameworkElement
{
    public static readonly DependencyProperty VoltageProperty =
        DependencyProperty.Register(nameof(Voltage), typeof(double), typeof(BatteryControl),
            new PropertyMetadata(0.0, (d, e) => ((BatteryControl)d).InvalidateVisual()));

    public double Voltage
    {
        get => (double)GetValue(VoltageProperty);
        set => SetValue(VoltageProperty, value);
    }

    protected override void OnRender(DrawingContext drawingContext)
    {
        base.OnRender(drawingContext);
        // 渲染逻辑
    }
}

3. 在XAML中配置数据模板 #

<Window.Resources>
    <DataTemplate DataType="{x:Type local:BatteryModel}">
        <local:BatteryControl Voltage="{Binding Voltage}" />
    </DataTemplate>
</Window.Resources>

这样ViewModel中的ObservableCollection<BatteryModel>可以直接绑定到ListBox的ItemsSource，异步更新时只需确保在UI线程触发PropertyChanged即可。

总结 #

你最初的问题根源是错误处理了跨线程更新，并且误用了依赖属性。最直接的修复是保留Battery的依赖属性，通过Dispatcher将异步操作调度到UI线程执行，这样既解决了线程冲突，又能让OnRender正常触发。

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