WPF中更新Canvas图元时如何防止画面闪烁？

针对WPF Canvas通过Children.Clear()后重新添加元素导致的闪烁问题，核心原因是清除与重绘之间的间隙被UI线程渲染出来。以下是几种实用解决方法：

1. 合并清除与添加操作到单个UI更新周期 #

将清除旧元素和添加新元素的逻辑放在同一个UI线程同步执行块中，让WPF合并这两个操作，只触发一次布局与渲染，避免中间空Canvas的显示。

// 确保在UI线程执行（若从非UI线程触发，需用Dispatcher调度）
Application.Current.Dispatcher.Invoke(() =>
{
    canvas.Children.Clear();
    // 批量添加所有新图元
    foreach (var shapeModel in viewModel.ShapeList)
    {
        UIElement shape = CreateShapeFromModel(shapeModel); // 根据ViewModel创建对应图元
        canvas.Children.Add(shape);
    }
});

2. 双缓冲渲染（VisualBrush缓存） #

先在后台临时Canvas中绘制完整的新内容，再将其内容作为临时背景替换到目标Canvas，之后再更新Children，全程避免空白状态。

// 创建临时Canvas绘制新内容
var tempCanvas = new Canvas();
foreach (var shapeModel in viewModel.ShapeList)
{
    tempCanvas.Children.Add(CreateShapeFromModel(shapeModel));
}

// 确保临时Canvas完成布局
tempCanvas.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
tempCanvas.Arrange(new Rect(tempCanvas.DesiredSize));

// 用临时Canvas的内容作为目标Canvas的临时背景
var tempBrush = new VisualBrush(tempCanvas);
canvas.Background = tempBrush;

// 替换目标Canvas的Children
canvas.Children.Clear();
foreach (UIElement shape in tempCanvas.Children)
{
    canvas.Children.Add(shape);
}

// 清除临时背景
canvas.Background = null;

3. 优化图元渲染性能 #

如果图元数量较大，可通过冻结静态图元减少重绘开销：

var polygon = new Polygon
{
    Points = new PointCollection(shapeModel.Points),
    Fill = Brushes.Blue,
    Stroke = Brushes.Black
};
polygon.Freeze(); // 冻结静态图元，WPF会缓存其渲染结果
canvas.Children.Add(polygon);

4. 虚拟化图元（针对大量元素场景） #

若展示的图元数量极多，逐个添加会占用大量UI线程资源，可使用VirtualizingCanvas（自定义实现或第三方控件库），仅渲染可见区域的元素，大幅降低更新时的重绘压力。

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