Swift - Core Graphics绘图框架详解1（绘制线条）

一、Core Graphics介绍

1，什么是Core Graphics

（1）Core Graphics Framework 是一套基于 C 的API
框架，使用了 Quartz 作为绘图引擎，可用于一切绘图操作。它提供了低级别、轻量级、高保真度的
2D 渲染。

（2）Quartz 2D 是
Core Graphics Framework 的一部分，是一个强大的二维图像绘制引擎。

（3）我们使用的 UIKit 库中所有
UI 组件其实都是由 CoreGraphics
绘制实现的。所以使用 Core Graphics 可以实现比UIKit
更底层的功能。

（4）当我们引入 UIKit 框架时系统会自动引入
Core Graphics 框架，同时在 UIKit
内部还对一些常用的绘图 API 进行了封装，方便我们使用。 (比如：CGMutablePath 是Core Graphics 的底层API，而
UIBezierPath 就是对
CGMutablePath 的封装。)

2，绘图的一般步骤

（1）获取绘图上下文
（2）创建并设置路径
（3）将路径添加到上下文
（4）设置上下文状态（如笔触颜色、宽度、填充色等等）
（5）绘制路径

二、线条的绘制

1，绘制直线

path.addLine(to: CGPoint (x:drawingRect.maxX, y:drawingRect.maxY))

2，设置端点的样式 

通过 setLineCap 可以设置线条端点（顶点）的样式，使用的是CGLineCap
枚举，内容如下：

.butt：不绘制端点， 线条结尾处直接结束。（默认值）
.round：绘制圆形端点， 线条结尾处绘制一个直径为线条宽度的半圆
.square：线条结尾处绘制半个边长为线条宽度的正方形。这种形状的端点与“butt”形状的端点十分相似，只是线条略长一点而已。

下面样例使用圆形端点：

3，设置连接点的样式 

通过 setLineJoin 可以设置线条拐点的样式，使用的是CGLineJoin
枚举，内容如下：

.mitre：锐角斜切（默认值）
.round：圆头
.bevel：平头斜切

下面样例使用圆头连接点：

4，设置阴影

我们可以设置阴影的偏移量、模糊度和颜色。 

5，绘制虚线

当然我们也可以设置虚线的顶点和连接点的样式（这里我都使用圆形）：

6，绘制圆弧

圆弧就是圆上的一部分。要绘制圆弧必须确定：圆形中点的坐标、圆的半径、圆弧的起点角度和终点角度。
其中起点角度和终点角度都要用弧度表示，即常量 pi
的倍数（1pi 是半圆，2pi是整个圆形）。





下面样例中，我们在自定义的视图中心位置绘制一段 3/4 的圆弧，半径根据这个视图的尺寸来定。 

7，贝塞尔曲线绘制

在 Quartz 2D 中曲线绘制分为：二次贝塞尔曲线和三次贝塞尔曲线。二次曲线只有一个控制点，而三次曲线有两个控制点。





（1）二次贝塞尔曲线绘制





（2）三次贝塞尔曲线绘制