WPF MVVM模式下CheckBox触发重绘时ItemsControl内Line元素为空问题排查

这个问题是WPF的UI渲染异步机制导致的，具体原因如下：

• 你在布尔属性的setter中直接调用重绘方法时，视图切换触发的ItemsControl重绘逻辑刚被提交到WPF的调度队列，还未实际执行。此时ItemContainerGenerator还没有完成新Item容器的生成，对应的视觉树（包括Line元素）还没有构建完成，所以查找Line元素会返回null。
• OnLoad事件触发时，整个控件的视觉树已经完成渲染挂载，所以此时查找元素逻辑可以正常执行。
• 部分场景下切换24/8小时视图时会先清空原Items集合并重新加载数据，你调用重绘逻辑时新的Item对应的ContentPresenter还未挂载到视觉树，也会导致FindVisualChild查找不到Line元素。

你可以通过调整逻辑执行时机解决这个问题，以下是两种可行方案：

方案1：通过Dispatcher调度延迟执行 #

将你的视觉元素查找逻辑调度到UI渲染完成之后执行，优先级设置为DispatcherPriority.Render即可：

// 替换你原属性setter中直接调用重绘方法的代码
this.Dispatcher.BeginInvoke(DispatcherPriority.Render, new Action(() =>
{
    ContentPresenter c = (ContentPresenter)INMarks.ItemContainerGenerator.ContainerFromItem(INMarks.Items[INMarks.Items.Count - 1]);
    if (c != null)
    {
        Line line = FindVisualChild<Line>(c);
        if (line != null)
            this.iTimeLineWidth = (int)line.TransformToAncestor(this).Transform(new Point(0, 0)).X;
    }
}));

方案2：订阅LayoutUpdated事件 #

订阅ItemsControl的LayoutUpdated事件，该事件会在布局更新全部完成后触发，此时视觉树已经完全生成：

// 在属性setter触发重绘前先订阅事件
INMarks.LayoutUpdated += INMarks_LayoutUpdated;

private void INMarks_LayoutUpdated(object sender, EventArgs e)
{
    // 执行完逻辑后取消订阅，避免重复触发
    INMarks.LayoutUpdated -= INMarks_LayoutUpdated;
    // 这里放你原来的查找Line、计算宽度的逻辑
    ContentPresenter c = (ContentPresenter)INMarks.ItemContainerGenerator.ContainerFromItem(INMarks.Items[INMarks.Items.Count - 1]);
    if (c != null)
    {
        Line line = FindVisualChild<Line>(c);
        if (line != null)
            this.iTimeLineWidth = (int)line.TransformToAncestor(this).Transform(new Point(0, 0)).X;
    }
}

优化建议 #

因为你使用了MVVM模式，尽量避免直接操作视觉元素降低耦合，你可以将需要用到的宽度属性通过绑定ActualWidth的方式同步到ViewModel，不需要手动查找视觉元素获取。

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