WPF自定义控件渲染优化：无需重绘即可增删渲染元素？

嘿，这个问题问到点子上了——毕竟当渲染计算涉及大量文本、几何运算时，每次小改动都跑一遍全量OnRender简直是性能杀手对吧？先直接给你结论：默认的OnRender机制没法直接修改已提交的渲染指令（比如删掉某一个矩形），因为OnRender每次执行都是重新生成DrawingContext的绘制指令，一旦提交给渲染管线就没法事后编辑。但我们有更聪明的办法绕过全量重绘，直接增删改独立的渲染元素，同时避免重复执行繁重计算。

下面给你几个最实用的方案：

1. 用VisualCollection管理独立的渲染元素（首推） #

不要把所有绘制逻辑都塞进OnRender，而是把每个需要独立增删的元素（比如你的5个矩形）做成单独的DrawingVisual对象，然后用VisualCollection把它们托管在自定义控件里。这样每个元素的渲染计算只做一次，增删时只操作对应的Visual，WPF会自动只重绘受影响的区域，完全不会触发其他元素的重新计算。

举个极简的实现示例：

public class MyCustomControl : Control
{
    private readonly VisualCollection _visuals;

    public MyCustomControl()
    {
        _visuals = new VisualCollection(this);
        // 初始化创建5个矩形对应的DrawingVisual
        for (int i = 0; i < 5; i++)
        {
            var visual = new DrawingVisual();
            using (var dc = visual.RenderOpen())
            {
                // 这里放你繁重的文本、几何计算逻辑
                var rect = new Rect(i * 100, 0, 80, 80);
                dc.DrawRectangle(i == 0 ? Brushes.Red : Brushes.Blue, null, rect);
            }
            _visuals.Add(visual);
        }
    }

    // 对外暴露删除第一个矩形的方法
    public void RemoveFirstRectangle()
    {
        if (_visuals.Count > 0)
        {
            _visuals.RemoveAt(0);
            // 不需要手动调用InvalidateVisual！WPF会自动处理局部重绘
        }
    }

    // 必须重写这两个方法，让WPF识别托管的Visuals
    protected override int VisualChildrenCount => _visuals.Count;
    protected override Visual GetVisualChild(int index) => _visuals[index];
}

这个方案的核心是把每个可独立操作的渲染元素变成WPF可视化树的一部分，它们的生命周期完全独立，增删改都不会影响其他元素的计算和渲染。

2. 用DrawingGroup缓存静态渲染内容 #

如果你的场景里大部分元素（比如第2-5个矩形）是固定不变的，只有少数元素（比如第1个）需要动态增删，那可以把静态元素的渲染结果缓存到DrawingGroup里，这样每次OnRender只需要绘制缓存的内容+动态元素，避免重复执行静态元素的繁重计算。

示例代码：

public class MyCustomControl : Control
{
    private readonly DrawingGroup _cachedStaticDrawings;
    private bool _showFirstRectangle = true;

    public MyCustomControl()
    {
        // 提前计算并缓存第2-5个矩形的渲染内容
        _cachedStaticDrawings = new DrawingGroup();
        using (var dc = _cachedStaticDrawings.Open())
        {
            // 这里放静态元素的繁重计算逻辑
            for (int i = 1; i < 5; i++)
            {
                var rect = new Rect(i * 100, 0, 80, 80);
                dc.DrawRectangle(Brushes.Green, null, rect);
            }
        }
    }

    protected override void OnRender(DrawingContext drawingContext)
    {
        base.OnRender(drawingContext);
        
        // 只在需要时绘制第一个矩形
        if (_showFirstRectangle)
        {
            // 这里放第一个矩形的计算逻辑（如果是动态的）
            drawingContext.DrawRectangle(Brushes.Red, null, new Rect(0, 0, 80, 80));
        }
        
        // 直接绘制缓存的静态内容，无需重复计算
        drawingContext.DrawDrawing(_cachedStaticDrawings);
    }

    // 隐藏第一个矩形的方法
    public void HideFirstRectangle()
    {
        _showFirstRectangle = false;
        // 只重绘第一个矩形的区域，而非整个控件
        InvalidateVisual(new Rect(0, 0, 80, 80));
    }
}

这个方案适合静态内容占比高的场景，缓存的DrawingGroup会被WPF优化存储，每次绘制直接复用，大大减少计算量。

3. 局部重绘（保底方案） #

如果因为某些限制你必须在OnRender里绘制所有内容，那至少要避免全量重绘。不要直接调用InvalidateVisual()（这会触发整个控件的重绘和全量计算），而是用InvalidateVisual(Rect invalidRect)指定只重绘第一个矩形的区域。不过要注意：这个方法还是会重新执行OnRender的所有代码，只是重绘的区域更小，计算量并没有减少，所以只适合计算量相对可控的场景。

总结一下：最推荐第一种VisualCollection的方案，它从根本上分离了渲染元素的生命周期，完美解决你“避免重复繁重计算”的核心需求；第二种缓存方案适合静态内容多的场景；第三种是实在没办法时的保底选择。

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