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类。