Quartz2D

Quartz 2D是一个二维绘图引擎，同时支持iOS和Mac系统

功能:绘制图片和文字，图片裁剪，涂鸦画板，手势解锁，报表/折线图/饼状图/柱状图

• 利用UIKit框架提供的控件，拼拼凑凑，能搭建和现实一些简单、常见的UI界面

• 但是，有些UI界面极其复杂、而且比较个性化，用普通的UI控件无法实现，这时可以利用Quartz2D技术将控件内部的结构画出来，自定义控件的样子

• 其实，iOS中大部分控件的内容都是通过Quartz2D画出来的

• 因此，Quartz2D在iOS开发中很重要的一个价值是：自定义view（自定义UI控件）

---

Graphics Context(图形文本)

• 图形上下文（Graphics Context）：是一个CGContextRef类型的数据

绘制自定义view的步骤

1. 新建一个类，继承自UIView
2. 实现- (void)drawRect:(CGRect)rect方法，然后在这个方法中
3. 取得跟当前view相关联的图形上下文绘制相应的图形内容
4. 利用图形上下文将绘制的所有内容渲染显示到view上面

- drawRect:方法在什么时候被调用？

当view第一次显示到屏幕上时（被加到UIWindow上显示出来）
调用view的setNeedsDisplay或者setNeedsDisplayInRect:时

代码绘制顺序:

绘制图形的代码步骤

1. 获得图形上下文

   CGContextRef ctx = UIGraphicsGetCurrentContext();

2. 拼接路径（下面代码是搞一条线段）

   CGContextMoveToPoint(ctx, 10, 10);
   CGContextAddLineToPoint(ctx, 100, 100);

3. 绘制路径

   // 填充和中空
   CGContextStrokePath(ctx); // CGContextFillPath(ctx);

---

绘制线条

绘制线条样式、属性

绘制三角形

绘制矩形关于颜色的渲染

绘制矩形

绘制圆弧

绘制文字(用OC面向NSString对象绘制)

绘制图片(用OC面向UIImage对象绘制)