WPF学习笔记2

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>

效果图：