15、WPF 2D 图形绘制全解析

WPF 2D 图形绘制全解析

1. 几何图形基础

在深入探讨如何在屏幕上绘制像素的细节之前，我们先了解一下为什么要关注这些内容。理解基本的 UI 构建块就如同掌握一门语言的语法规则，虽然我们日常使用母语时可能并不完全了解其语法细节，但学习外语能让我们更深入地理解语言规则。在 WPF 中，几何图形是所有 2D 图形的基本构建块，一切都可以分解为一系列可渲染的几何图形，因此了解底层系统的工作原理很有必要。

PathGeometry 实际上是所有其他几何图形的超集，所以我们重点关注路径。路径由一系列图形（Figure）组成，每个图形又由一组线段（Segment）构成，这些线段类似于早期苹果 II 电脑上的“海龟图形”程序（如 MoveTo、LineTo 等），用于指示画笔在屏幕上移动。

以下是不同类型的线段及其示例代码：
-LineSegment：从当前位置绘制一条直线到指定点。

<Path Width='200' Height='200' Fill='#111111' Stroke='Black' StrokeThickness='2'> <Path.Data> <PathGeometry> <PathGeometry.Figures> <PathFigure StartPoint='5,5' IsClosed='True'> <LineSegment Point='90,5' /> </PathFigur