WPF使用Geometry绘制几何图形

在WPF的DrawingContext对象中，提供了基本的绘制椭圆和矩形的API：DrawEllipse和DrawRectangle。但是，这些是远远不够用的，我们在日常应用中，更多的是使用DrawGeometry函数，它可以绘制更多复杂的几何图形，并且提供了许多强大而易用的函数，在大多数场景下，甚至可以取代DrawEllipse和DrawRectangle函数。

在WPF图形体系中，Geometry类表示几何图形的基类，使用的时候是实例化它的一些子类，具体的有：

基本几何图形

线段：LineGeometry

矩形：RectangleGeometry

椭圆：EllipseGeometry

几何图形集合

路径集合图形PathGeometry里可以包含一系列几何图形集合，常见的有：

贝塞尔曲线：贝塞尔曲线系列还比较多，具体有如下几种：

除了这种组合的方式之外，系统还提供了一个通过一系列API来绘制的StreamGeometry。它不支持绑定，动画，相应也更加灵活而高效。

    StreamGeometry geometry = new StreamGeometry;

    using (StreamGeometryContext ctx = geometry.Open())
    {
        ctx.BeginFigure(new Point(10, 100), true , true);
        ctx.LineTo(new Point(100, 100), true , false);
        ctx.LineTo(new Point(100, 50), true, false);
    }

复合几何图形

使用GeometryGroup、CombinedGeometry或者通过调用静态的Geometry方法Combine，可以创建复合几何图形对象。它们主要的区别是：

CombinedGeometry对子图形进行叠加操作，没有面积的子图形将被丢弃。只能组合两个子图形（但是这两个子图形也可以是复合几何图形）。GeometryGroup只进行组合，而不进行面积叠加。可以添加多个子图形。有关示例，请参见如何：创建复合形状。

CombinedGeometry的叠加方式有四种：Union、Intersect、Exclude和Xor，它们的效果为：

这些在我们的日常应用中是非常有用的，具体示例请参看MSDN文章： 如何：创建复合形状和如何：创建组合的几何图形。

常用方法

Geometry对象中本身还包含了一系列非常有用的方法，如：

这些都是非常常用的方法，例如FillContains，StrokeContains用于鼠标命中测试是非常方便的。

呈现方式

Geometry对象并不能作为图像独立呈现出来，它一般有如下几种呈现方式：

在Path中呈现：

可以作为GeometryDrawing.Geometry的参数呈现为Path对象

    <Path Stroke="Black" StrokeThickness="1" >
        <Path.Data>
            <LineGeometry StartPoint="10,20" EndPoint="100,130" />
        </Path.Data>
    </Path>

这种方式下写一些简单的几何图形还行，但对于PathGeometry来说有些冗繁，因此XAML采用了一种简单的路径标记语法来简化这一过程，

    <Path Stroke="Black" Fill="Gray">
        <Path.Data>
            <PathGeometry Figures="M 10,100 C 10,300 300,-200 300,100" />
        </Path.Data>
    </Path>

甚至可以直接简化为：

<Path Stroke="Black" Fill="Gray" Data="M 10,100 C 10,300 300,-200 300,100" />

这种语法在一些第三方矢量图转换过来的文件中非常常见，如果能熟练掌握的话，写一些简单的几何图形也是非常方便的。

在DrawingContext中呈现

可以作为DrawingContext. DrawGeometry的参数呈现，这种方式后面的文章中做会更多的说明，这里就不多介绍了。

在GeometryDrawing中呈现

可以作为GeometryDrawing.Geometry的参数呈现为Drawing对象

    <GeometryDrawing Brush="MediumBlue">
        <GeometryDrawing.Geometry>
            <GeometryGroup>
                <EllipseGeometry RadiusX="20" RadiusY="45" Center="50,50" />
                <EllipseGeometry RadiusX="45" RadiusY="20" Center="50,50" />
            </GeometryGroup>
        </GeometryDrawing.Geometry>
    </GeometryDrawing>

当然，Drawing对象也不能独立呈现，一般是作为DrawingBrush或作为DrawingContext.DrawDrawing的参数来使用的

其它用途：

作为UIElement.Clip参数裁剪控件

    <Image Source="sampleImages\Waterlilies.jpg" Width="200" Height="150" HorizontalAlignment="Left">
        <Image.Clip>
            <EllipseGeometry RadiusX="100" RadiusY="75" Center="100,75"/>
        </Image.Clip>
    </Image>

另外，也常用在DrawingGroup.ClipGeometry和DrawingContext.PushClip中裁剪图像。

作为DoubleAnimationUsingPath. PathGeometry属性生成路径动画

可以将PathGeometry对象定义的几何路径旋转（转动）对象的路径。

小结

Geometry的功能是非常强大的，本文这里只是对其主要功能做了一个简单的介绍，后面的文章中，将会更多的用例子来介绍一下它的用法。

到此这篇关于WPF使用Geometry绘制几何图形的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • WPF实现雷达扫描图的绘制详解

    WPF实现雷达扫描图的绘制详解

    目录 前言 制作思路 具体实现 前言 实现一个雷达扫描图. 源代码在TK_King/雷达 (gitee.com),自行下载就好了 制作思路 绘制圆形(或者称之轮) 绘制分割线 绘制扫描范围 添加扫描点 具体实现 首先我们使用自定义的控件.你可以使用vs自动添加,也可以手动创建类.注意手动创建时要创建Themes/Generic.xaml的文件路径哦. 控件继承自itemscontrol,取名叫做Radar. 我们第一步思考如何实现圆形或者轮,特别是等距的轮. 我们可以使用简单的itemscont

  • WPF如何绘制光滑连续贝塞尔曲线示例代码

    WPF如何绘制光滑连续贝塞尔曲线示例代码

    1.需求 WPF本身没有直接把点集合绘制成曲线的函数.可以通过贝塞尔曲线函数来绘制. 贝兹曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋,我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的.当然在一些比较成熟的位图软件中也有贝塞尔曲线工具,如PhotoShop等. 贝塞尔曲线类是:BezierSegment,三次贝塞尔曲线,通过两个控制点来控制开始和结束方向. QuadraticBezierSegment,二次贝塞尔,通过一个控制点来控制弯曲方向. 本文使用的是三次. 图片来源维

  • WPF开发之利用DrawingVisual绘制高性能曲线图

    WPF开发之利用DrawingVisual绘制高性能曲线图

    前言 项目中涉及到了心率检测,而且数据量达到了百万级别,通过WPF实现大数据曲线图时,尝试过最基础的Canvas来实现,但是性能堪忧,而且全部画出来也不实际.同时也尝试过找第三方的开源库,但是因为曲线图涉及到很多细节功能,第三方的肯定也没法满足.没办法,只能自己实现,上网查找后发现DrawingVisual这个玩意可以实现高性能画图,同时再搭配局部显示,这样就能实现自己想要的效果.话不多说,今天把大致的实现思路写一下,就不直接把项目的源码贴出来,写个简单的Demo就好了. 正文 1.首先新建个项

  • c# wpf如何使用Blend工具绘制Control样式

    c# wpf如何使用Blend工具绘制Control样式

    本文通过设计一个RadioButton,分享下使用Blend绘制Path的方法.待绘制的RadioButton样式如下文所示,如有更好的方法实现该样式,欢迎交流. 实现效果 将要实现的RadioButton样式如下图,可以看出按钮的笔尖和笔身的填充色,以及选中时右上方圆形的填充色一致,代表笔的颜色. 实现方式 笔身使用矩形,填充色绑定按钮背景色:笔头部分使用闭合的Path,其中笔尖的颜色同样绑定按钮背景色:右上方的圆形使用Ellipse,填充色同样绑定按钮背景色. 实现步骤 1.打开Blend,

  • WPF基于物理像素绘制图形

    WPF基于物理像素绘制图形

    WPF中有一个DrawingContext类,该类提供了很多画法方法,例如DrawLine,DrawText,DrawRectangle等.开发者使用它们可以方便地进行图形绘制.不过,在使用DrawingContext过程中,我发现使用DawLine方法画出的线条在某些部分有些模糊.这个问题的解决,需要一些计算机图形学方面的知识,使用的方法并不是很复杂.不过,这个方法所涉及到的一些过程有些令人费解(好吧,我没有专门学过计算机图形学),本文是我在实践中的一些尝试和经验的总结. 还是从一个例子开始吧

  • WPF InkCanvas绘制矩形和椭圆

    WPF InkCanvas绘制矩形和椭圆

    前面说到了InkCanvas的基本操作,这里用一个实例来说明具体应用:绘制矩形和椭圆. 效果图 xaml代码 <Window x:Class="WPF_InkCanvas.ROI_InkCanvas" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  • WPF使用Geometry绘制几何图形

    WPF使用Geometry绘制几何图形

    在WPF的DrawingContext对象中,提供了基本的绘制椭圆和矩形的API:DrawEllipse和DrawRectangle.但是,这些是远远不够用的,我们在日常应用中,更多的是使用DrawGeometry函数,它可以绘制更多复杂的几何图形,并且提供了许多强大而易用的函数,在大多数场景下,甚至可以取代DrawEllipse和DrawRectangle函数. 在WPF图形体系中,Geometry类表示几何图形的基类,使用的时候是实例化它的一些子类,具体的有: 基本几何图形 线段:LineG

  • php使用GD2绘制几何图形示例

    php使用GD2绘制几何图形示例

    本文实例讲述了php使用GD2绘制几何图形的方法.分享给大家供大家参考,具体如下: 使用GD2函数不仅可以绘制线条图形,而且可以绘制填充图形,如填充圆形,填充矩形等.下面对GD2中常用的填充图形的绘制方法进行介绍. bool imagefill( resource image, int x, int y, int color ) imagefill()函数在image图像的坐标( x, y ) (图像的左上角为(0,0))处用color颜色执行区域填充(即与(x,y)点颜色相同切相邻的点都会被填

  • android绘制几何图形的实例代码

    android绘制几何图形的实例代码

    本文实例为大家分享了android绘制几何图形展示的具体代码,供大家参考,具体内容如下 效果图: 代码(仅绘制类,不可直接运行): public class MyView extends View { public MyView(Context context, AttributeSet set) { super(context, set); } @Override // 重写该方法,进行绘图 protected void onDraw(Canvas canvas) { super.onDraw

  • opencv3/C++绘制几何图形实例

    在图像上绘制几何图形 #include<iostream> #include<opencv2/opencv.hpp> using namespace cv; Mat src1, dst; void drawRectangle(); void drawLine(); void drawEllipse(); void drawCircle(); void tsxt(); int main() { src1 = imread("E:/image/image/daibola.jp

  • python基于turtle绘制几何图形

    python基于turtle绘制几何图形

    1. 什么是turtle turtle模拟了人在画布前画画的过程:给你一支笔(Pen), 下笔(pendown),移动画笔绘制你的图形,然后填色等等.turtle提供了几种简单的命令,通过组合他们的顺序,只要够耐心,turtle可以画出令人惊叹的作品,很适合用来引导小朋友学习编程. 先来感受下作品: 2. turtle例子 我们通过一个简单的例子来了解turtle的基本操作 import turtle # screen 画布属性设置 canvas = turtle.Screen() canvas

  • C++ OpenCV绘制几何图形

    C++ OpenCV绘制几何图形

    本文实例为大家分享了C++ OpenCV绘制几何图形的具体代码,供大家参考,具体内容如下 绘制几何图形 直线 矩形 多边形 圆形 椭圆 文字 API 直线 CV_EXPORTS_W void line(InputOutputArray img, Point pt1, Point pt2, const Scalar& color, int thickness = 1, int lineType = LINE_8, int shift = 0); 矩形 CV_EXPORTS_W void recta

  • WPF使用DrawingContext实现绘制刻度条

    WPF使用DrawingContext实现绘制刻度条

    WPF 使用 DrawingContext 绘制刻度条 框架使用大于等于.NET40: Visual Studio 2022; 项目使用 MIT 开源许可协议: 定义Interval步长.SpanInterval间隔步长.MiddleMask中间步长. 当步长/ 间隔步长= 需要绘制的小刻度. 循环绘制小刻度,判断当前j并取中间步长的模,如果模!=零就绘制中高线. 从StartValue 开始绘制刻度到EndValue 结束刻度. CurrentGeometry 重新绘制当前刻度的Path值.

  • Python OpenCV绘制各类几何图形详解

    Python OpenCV绘制各类几何图形详解

    目录 一.绘制直线 二.绘制矩形 三.绘制圆形 四.绘制椭圆 五.绘制多边形 六.绘制文字 七.总结 一.绘制直线 在OpenCV中,绘制直线需要获取直线的起点和终点坐标,调用cv2.line()函数实现该功能.该函数原型如下所示: img = line(img, pt1, pt2, color[, thickness[, lineType[, shift]]]) – img表示需要绘制的那幅图像 – pt1表示线段第一个点的坐标 – pt2表示线段第二个点的坐标 – color表示线条颜色,需

  • C++ opencv实现几何图形绘制

    C++ opencv实现几何图形绘制

    目录 1.矩形 rectangle() 2. 圆 circle() 3.椭圆 elliple() 在学习过程中,我们可以在图像中绘制一些几何图形,比如矩形,椭圆,线段,填充多边形等,这些函数都挺容易理解,下面简单看一下. 1.矩形 rectangle() 通过对角线上的两个顶点绘制矩形 void rectangle(InputOutputArray img, Rect rec, const Scalar& color, int thickness = 1, int lineType = LINE

  • Android openGl 绘制简单图形的实现示例

    学习五部曲,弄清楚5个W一个H(when(什么时候使用).where(在哪个地方使用?).who(对谁使用).what(是个什么东西).why(为什么要这么用?).一个H即:how(到底该怎么用?)),基本的概念篇主要围绕这几个方面进行分析 1. What? openGl是什么?openGl ES又是什么? 相信很多人从事开发的都或多或少听到过有关OpenGl这个东西,但是平时用的少,只知道有这么个东西,而且学起来不简单,所以大多数人都不能讲出个个所以然来. 官方对OpenGl的描述为: Ope

随机推荐