WPF: 使用DrawVisual提高大数据量时的绘图性能

WPF: 使用DrawVisual提高大数据量时的绘图性能

在WPF中绘制形状时，如果数据量大（例如一条Polyline有10万多个数据点），绘制过程会很慢。目前能想到的解决办法有：

1. 将形状绘制在位图里。
2. 升级到最新.net4.5，WPF性能提升不少（这个要赞）
3. 使用DrawVisual来实现画图。

 

下面主要谈一下DrawVisual的用法。Visual 类的层次结构如下：

DrawingVisual 继承自Visual，是一个用于呈现形状、图像或文本的轻量绘图类。 此类之所以被视为轻量，是因为它不提供布局或事件处理功能，从而能够改善运行时性能。 因此，绘图最适于背景和剪贴画。 DrawingVisual 可用于创建自定义可视化对象。

在下面代码中，创建了一个继承自Canvas的类DrawingCanvas。该类实现了Visual的一些基本操作，并添加了用DrawVisual绘制Polyline方法。

using System.Collections.Generic;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows;

namespace PostViewer
{
    public class DrawingCanvas : Canvas
    {
        private List<Visual> visuals = new List<Visual>();
    
        //获取Visual的个数
        protected override int VisualChildrenCount
        {
            get { return visuals.Count; }
        }

        //获取Visual
        protected override Visual GetVisualChild(int index)
        {
            return visuals[index];
        }
    
        //添加Visual
        public void AddVisual(Visual visual)
        {
            visuals.Add(visual);

            base.AddVisualChild(visual);
            base.AddLogicalChild(visual);
        }

        //删除Visual
        public void RemoveVisual(Visual visual)
        {
            visuals.Remove(visual);

            base.RemoveVisualChild(visual);
            base.RemoveLogicalChild(visual);
        }

        //命中测试
        public DrawingVisual GetVisual(Point point)
        {
            HitTestResult hitResult = VisualTreeHelper.HitTest(this, point);
            return hitResult.VisualHit as DrawingVisual;
        }

        //使用DrawVisual画Polyline
        public Visual Polyline(PointCollection points, Brush color, double thinkness)
        {
            DrawingVisual visual = new DrawingVisual();
            DrawingContext dc = visual.RenderOpen();
            Pen pen = new Pen(Brushes.Red, 3);
            pen.Freeze();  //冻结画笔，这样能加快绘图速度

            for (int i = 0; i < points.Count - 1; i++ )
            {
                dc.DrawLine(pen, points[i], points[i+1]);
            }

            dc.Close();
            return visual;
        }
    }
}    

 

绘制其他形状的方法，请参见MSDN中的DrawingContext类。