【iOS】OC-Quartz2D简单使用

什么是Quartz2D

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

作用

?

Quartz2D在iOS开发中的价值

基本图形绘制

线段（线宽、线段样式、线条颜色）

?

示例

?

三角形

示例

?

矩形（空心、实心、颜色）

多种方法画矩形

?

椭圆圆圆弧饼状图

画圆弧方法说明：

?
?

文字绘制和图片绘制（pattern）

<h4 id="绘制文字和图片不要使用<a href=" http:="" www.2cto.com="" kf="" ware="" c="" "="" target="_blank" class="keylink" style="color: rgb(51, 51, 51); font-family: 宋体; font-size: 14px;">c语言函数原因如下">绘制文字和图片不要使用C语言函数。原因如下：Quarz2D
绘图坐标系和 UIKit 坐标系不一致，导致使用 C 语言函数绘文字和图片就会出现文字和图片颠倒的现象，需要通过写代码调整，要利用到数学中矩阵的知识。 使用 C 语言函数绘制文字和图片代码复杂且函数不好理解。非常麻烦。

图形上下文（Graphics Context）

简介

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

图形上行下文的作用

保存绘图信息、绘图状态 决定绘制的输出目标（绘制到什么地方去？）

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



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

自定义View

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

首先，得有图形上下文，因为它能保存绘图信息，并且决定着绘制到什么地方去 其次，那个图形上下文必须跟view相关联，才能将内容绘制到view上面

自定义view的步骤

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

drawRect:

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

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

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

当view第一次显示到屏幕上时（被加到UIWindow上显示出来）

调用view的setNeedsDisplay或者setNeedsDisplayInRect:时

drawRect:中取得的上下文

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

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

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

绘图顺序

常用拼接路径函数

?

常用绘制路径函数

?

图形上下文栈的操作

?

矩阵操作

利用矩阵操作，能让绘制到上下文中的所有路径一起发生变化

缩放

void CGContextScaleCTM(CGContextRef c, CGFloat sx, CGFloat sy)

旋转

void CGContextRotateCTM(CGContextRef c, CGFloat angle)

平移

void CGContextTranslateCTM(CGContextRef c, CGFloat tx, CGFloat ty)

Quartz2D的内存管理

使用含有“Create”或“Copy”的函数创建的对象，使用完后必须释放，否则将导致内存泄露

使用不含有“Create”或“Copy”的函数获取的对象，则不需要释放

如果retain了一个对象，不再使用时，需要将其release掉

可以使用Quartz 2D的函数来指定retain和release一个对象。例如，如果创建了一个CGColorSpace对象，则使用函数CGColorSpaceRetain和CGColorSpaceRelease来retain和release对象。

也可以使用Core Foundation的CFRetain和CFRelease。注意不能传递NULL值给这些函数

常用示例

图片水印

水印：在图片上加的防止他人盗图的半透明logo、文字、图标

水印的作用



有时候，在手机客户端app中也需要用到水印技术

比如，用户拍完照片后，可以在照片上打个水印，标识这个图片是属于哪个用户的

实现方式：利用Quartz2D，将水印（文字、LOGO）画到图片的右下角

核心代码

?
可以将图片导出为png图片

?

图片裁剪

将普通的图片裁剪为圆形

?

截屏

截取屏幕上的内容

?