WPF学习笔记2

2020-02-05 14:02:14 作者：互联网

2.几何图形

其中一种形状 Padl使用 Geometry来绘图。Geometry元素也可用于其他地方,如用于DrawingBrush。
Geometry元素非常类似于形状。与 Line、 Ellipse和 Rectangle形状一样,也有绘制这些形状的
Geometry元素:lineGeometry、 EllipseGeometry和 RecagleGeometry” 。形状与几何图形有显著的区
别。Shape是一个 FrameworkElement,可以用于把 UIElement 用作其子元素的任意类。
FrameworkElement派生自UIElement 。形状会参与系统的布局,并呈现自身。而 Geometry类不呈现
自身,特性和系统开销也比shpae类少。 Geometry类派生自Freezable基类,可以在多个线程中共享。
Path类使用 Geomety来绘图。几何图形可以用 Path的 Data属性设置。可以设置的简单的几何图
形元素有绘制椭圆的 EllipseGeometry、绘制线条的lineGeometry 和绘制矩形的RecagleGeometry。
如下面的示例所示,仗用 CombineGeometry” 可以合并多个几何图形。
CombineGeometry 有 Geometry1和 Geometry2 属性,使用 CombineGeometryMode可以合并它们 ,
构成 Union、 intersect、 Xor和 Exclude。Union会合并两个几何图形,intersect 只取两个几何图形都
覆盖的区域,Xor与 intersect 相反,显示一个几何图形覆盖的区域,但不显示两个几何图形都覆盖
的区域。 Exclude显示第一个几何图形减去第二个几何图形的区域

下面的示例合并了一个EllipseGeometry和一个RecagleGeometry生成并集

<Window x:Class="WpfApp2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp2"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Canvas>
        <Path Canvas.Top="0" Canvas.Left="250" Fill="Blue" Stroke="Black">
            <Path.Data>
                <CombinedGeometry GeometryCombineMode="Union">
                    <CombinedGeometry.Geometry1>
                        <EllipseGeometry Center="80,60" RadiusX="80" RadiusY="40" />
                        
                    </CombinedGeometry.Geometry1>
                    <CombinedGeometry.Geometry2>
                        <RectangleGeometry Rect="30,60 105 50" />
                    </CombinedGeometry.Geometry2>
                </CombinedGeometry>
            </Path.Data>
        </Path>
    </Canvas>
</Window>

效果图：

也可以使用段来创建几何图形。几何图形类 PathGeometry使用段来绘图。下面的代码段使用 BezierSegment和LineSegment元素来绘制一个红色的图形和一个绿色的图形。第一个 BezierSegment在图形的起点(70,40),终点(150,63)、控制点(90,37)和 (130,46)之间绘制了一条贝塞尔曲线。下面的Linesegment使用贝塞尔曲线的终点和(⒓0,110) 绘制了一条线段:

        <Path Canvas.Left="0" Canvas.Top="0" Fill="Red" Stroke="Blue"
              StrokeThickness="2.5">
            <Path.Data>
                <GeometryGroup>
                    <PathGeometry>
                        <PathGeometry.Figures>
                            <PathFigure StartPoint="70,40" IsClosed="True">
                                <PathFigure.Segments>
                                    <BezierSegment Point1="90,37" Point2="130,46"
                                                   Point3="150,63" />
                                    <LineSegment Point="120,110" />
                                    <BezierSegment Point1="100,95" Point2="70,90"
                                                   Point3="45,91"/>
                                    <LineSegment Point="70,40" />
                         

                                </PathFigure.Segments>
                            </PathFigure>
                        </PathGeometry.Figures>
                    </PathGeometry>
                </GeometryGroup>
            </Path.Data>
        </Path>
        <Path Canvas.Left="0" Canvas.Top="0" Fill="Green" Stroke="Blue"
              StrokeThickness="2.5">
            <Path.Data>
                <GeometryGroup>
                    <PathGeometry>
                        <PathGeometry.Figures>
                            <PathFigure StartPoint="160,70">
                                <PathFigure.Segments>
                                    <BezierSegment Point1="175,85" Point2="200,99"
                                                   Point3="215,100"/>
                                    <LineSegment Point="195,148" />
                                    <BezierSegment Point1="174,150" Point2="142,140" Point3="129,115" />
                                    <LineSegment Point="160,70"/>
                                </PathFigure.Segments>
                            </PathFigure>
                        </PathGeometry.Figures>
                    </PathGeometry>
                </GeometryGroup>
            </Path.Data>
        </Path>

效果图：

youandme520 发布了7 篇原创文章 · 获赞 0 · 访问量 392 私信关注

标签：几何图形,Geometry,EllipseGeometry,笔记,学习,RecagleGeometry,形状,WPF,绘制
来源： https://blog.csdn.net/youandme520/article/details/104179799