WPF的二维绘图——DrawingContext

我不是女神ヾ 2022-05-08 08:58 432阅读 0赞

DrawingContext比较类似WinForm中的[Graphics][] 类，是基础的绘图对象，用于绘制各种图形，它主要API有如下几种：

**绘图API**

绘图API一般形为DrawingXXX系列，常用的基础的绘图API有：

*  DrawEllipse
 *  DrawGeometry
 *  DrawGlyphRun
 *  [DrawImage][]
 *  DrawRectangle
 *  DrawRoundedRectangle

这些和GDI的API是非常相似的，WPF的API中另外还都有一个带动画的版本，不过一般很少用。

另外还有两个相对用的较少的API：

*  DrawDrawing
 *  DrawVideo

其中DrawDrawing还是一个比较强大的API，常用的Drawing对象有[GeometryDrawing][]，[ImageDrawing ][ImageDrawing]，[VideoDrawing][]，详细内容可参考MSDN文章[Drawing 对象概述][Drawing]，熟悉了它们的用法后还是非常有用的。

**附加效果API**

附加效果API一般形为PushXXX系列，它们分别是：

*  [PushTransform][]               //变换
 *  [PushClip][]            　　      //裁剪
 *  [PushEffect][]                     //[位图效果][Link 1]
 *  [PushOpacity][]                  //不透明度
 *  [PushOpacityMask][]          //不透明遮罩

另外一个可用于设备像素对其的添加参考线API：[PushGuidelineSet][]，其具体用法可参考[WPF：基于物理像素的图形绘制][WPF]这篇文章。

PS：我这里的链接是附的MSDN上关于Drawing的介绍，并不是DrawingContext的API说明，但概念类似，可以直接参考。

需要注意的是，附加效果是对后面的所有操作都生效的，调用多次的话效果会叠加，如果要清除掉效果可以调用Pop函数，连续清除多个效果需要连续调用Pop函数

**使用DrawingContext绘图**

使用DrawingContext绘图的一个最简单的方式是重载控件的OnRender方法，它就带一个DrawingContext参数，和WinForm中重载OnPaint方法比较类似。

protected override void OnRender(DrawingContext drawingContext)  
    \{  
        var pen = new Pen(Brushes.Black, 1);  
        Rect rect = new Rect(20, 20, 30, 60);  
        drawingContext.DrawRectangle(null, pen, rect);  
    \}

另外，还可以使用更加灵活的DrawingVisual，DrawingGroup等对象创建DrawingContext绘图，在后面再用单独的文章介绍。

最后值得一提的是：虽然DrawingContext和[System.Drawing.Graphics][Graphics] 类非常相似，但它们的功能却大相径庭：DrawingContext 用于保留模式图形系统，而 [System.Drawing.Graphics][Graphics] 类型则用于即时模式图形系统。 使用DrawingContext 对象的绘图命令时，实际上是在存储一系列呈现指令（但具体的存储机制则取决于提供 DrawingContext 的对象的类型）以供图形系统在以后使用，而不是实时绘制到屏幕上。

[Graphics]: https://msdn.microsoft.com/zh-cn/library/system.drawing.graphics%28v=vs.100%29.aspx
[DrawImage]: https://msdn.microsoft.com/zh-cn/library/ms753308%28v=vs.90%29.aspx
[GeometryDrawing]: https://msdn.microsoft.com/zh-cn/library/ms742533%28v=vs.90%29.aspx
[ImageDrawing]: https://msdn.microsoft.com/zh-cn/library/ms753315%28v=vs.90%29.aspx
[VideoDrawing]: https://msdn.microsoft.com/zh-cn/library/aa969812%28v=vs.90%29.aspx
[Drawing]: https://msdn.microsoft.com/zh-cn/library/ms751619%28v=vs.90%29.aspx
[PushTransform]: https://msdn.microsoft.com/zh-cn/library/ms742304%28v=vs.90%29.aspx
[PushClip]: https://msdn.microsoft.com/zh-cn/library/ms743068%28v=vs.90%29.aspx
[PushEffect]: https://msdn.microsoft.com/zh-cn/library/ms752341%28v=vs.90%29.aspx
[Link 1]: https://msdn.microsoft.com/zh-cn/library/ms743435%28v=vs.90%29.aspx
[PushOpacity]: https://msdn.microsoft.com/zh-cn/library/ms748242%28v=vs.90%29.aspx
[PushOpacityMask]: https://msdn.microsoft.com/zh-cn/library/ms753195%28v=vs.90%29.aspx
[PushGuidelineSet]: https://msdn.microsoft.com/zh-cn/library/aa348553%28v=vs.90%29.aspx
[WPF]: http://www.cnblogs.com/AaronLu/archive/2009/11/13/1602332.html