iOS开发之Quartz2D的介绍与使用详解

2020-01-18 22:02:02王冬梅

一、前言

Quartz2D的API是纯C语言的,它是一个二维绘图引擎,同时支持iOS和Mac系统。Quartz2D的API来自于Core Graphics框架,数据类型和函数基本都以CG作为前缀。通常,我们可以使用系统提供的控件去完成大部分UI,但是有些UI界面极其复杂、而且比较个性化,用普通的UI控件无法实现,这时可以利用Quartz2D技术将控件内部的结构画出来,类似自定义控件。其实,iOS中大部分控件的内容都是通过Quartz2D画出来的,因此,Quartz2D在iOS开发中很重要的一个价值是:自定义view(自定义UI控件)。

Quartz 2D能完成的工作:

    绘制图形 : 线条三角形矩形圆弧等; 绘制文字; 绘制生成图片(图像); 读取生成PDF; 截图裁剪图片; 自定义UI控件; … …

二、图形上下文(Graphics Context)

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

图形上下文的作用:

(1)保存绘图信息、绘图状态

(2)决定绘制的输出目标(绘制到什么地方去?)

(输出目标可以是PDF文件、Bitmap或者显示器的窗口上)

ios,quartz2d,详解,quartz2d教程

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

Quartz2D提供了以下几种类型的Graphics Context:

(1)Bitmap Graphics Context

(2)PDF Graphics Context

(3)Window Graphics Context

(4)Layer Graphics Context

(5)Printer Graphics Context

ios,quartz2d,详解,quartz2d教程

将当前的上下文copy一份,保存到栈顶(那个栈叫做”图形上下文栈”):


void CGContextSaveGState(CGContextRef c)

将栈顶的上下文出栈,替换掉当前的上下文(清空之前对于上下文设置):


void CGContextRestoreGState(CGContextRef c)

三、使用Quartz2D自定义View

1、Quartz2D自定义view

如何利用Quartz2D自定义view?(自定义UI控件)如何利用Quartz2D绘制东西到view上?

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

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

自定义view的步骤:

(1)新建一个类,继承自UIView

(2)实现- (void)drawRect:(CGRect)rect方法,然后在这个方法中

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