iOS开发笔记>> Quartz2D简单介绍

1. 什么是Quartz2D

Quartz2D是一个二维绘图引擎, 同时支持iOS和Mac系统

Quartz2D能完成的工作:

绘制图形: 线条, 三角形, 矩形, 圆, 弧等

绘制文字

绘制, 生成图片(图像)

读取, 生成PDF

截图, 裁剪图片

自定义UI控件

2. Quartz2D在iOS开发中的价值

为了便于搭建美观的UI界面, iOS提供了UIKit框架, 里面有各种各样的UI控件, 想必就不用多说了把

利用UIKit框架提供的控件, 拼拼筹筹, 能搭建和实现一些简单, 常见的UI界面, 但是有些UI界面及其复杂, 而且比较个性化, 用普通的UI控件无法实现, 这时可以用Quartz2D技术将控件内部的结构画出来,
自定义控件的样子

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

Quartz2D在iOS开发中很重要的一个价值是: 自定义view(自定义UI控件)

3. 图形上下文

图形上下文(Graphics Context): 是一个CGContextRef类型的数据

图形上下文的作用: 

1) 保存绘图信息, 绘图状态

2) 决定绘制的输出目标(绘制到什么地方去?) (输出目标可以是PDF文件,
Bitmap或者显示器的窗口上)



相同的一套绘图序列, 指定不同的Graphics Context,
就可将相同的图像绘制到不同的目标上



4. 自定义 view

如何利用 Quartz2D 自定义 view?(自定义 UI
控件)

如何利用 Quartz2D 绘制东西到 view 上?

首先, 得有图形上下文, 因为它能保存绘图的信息, 并且决定着绘到什么地方去

其次, 那个图形上下文必须跟 view 相关联, 才能将内容绘制到
view 上面

自定义 view 的步骤:

1) 新建一个类, 继承自 UIview

2) 实现 drawRect 方法. 然后在这个方法中: 

取得跟当前 view 相关联的图形上下文

绘制相应的图形内容

利用图像上下文将绘制的所有内容渲染显示到 view 上

代码: 

// 1.获取图形上下文
CGContextRef cxtRef = UIGraphicsGetCurrentContext();

// 2.添加路径
// 起点
CGContextMoveToPoint(cxtRef, 50, 50);
// 另外一个点
CGContextAddLineToPoint(cxtRef, 200, 50);

// 3.渲染
CGContextStrokePath(cxtRef); // 仅仅画线

5. 补充说明: 

1) drawRect: 

为什么要实现 drawRect: 方法才能绘图到 view 上?

因为在 drawRect: 方法中才能取得跟 view 相关联的图形上下文

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

当 view 第一次显示到屏幕上时(被添加到 UIwindow 上显示出来)

调用 view 的 setNeedsDisplay 或者 setNeedsDisplayInRect: 时

2) Quartz 2D 须知

Quartz2D 的 API 是纯 C 语言的

Quartz2D 的 API 来自于 Core Graphics 框架

数据类型和函数基本都以 CG 作为前缀, CGContextRef, CGPathRef, CGContextStrokePath(ctx)

3) drawRect:  中取得上下文

在drawRect: 方法中取得上下文后, 就可以绘制东西到 view 上

view 内部有个 layer (图层)属性, drawRect: 方法中取得的是一个 Layer Graphics Context,  因此, 绘制的东西其实是绘制到 view 的 layer 上去了

view 之所以能显示东西, 完全是因为它内部的 layer