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>
效果图：