1.0 Quartz 2D 简介

本文并非最终版本，如有更新或更正会第一时间置顶，联系方式详见文末

如果觉得本文内容过长，请前往本人 “简书”

 

Quartz2D须知：

---

 

（1）Quartz 2D是苹果官方的二维绘图引擎，同时支持iOS和Mac OS X系统（跨平台，纯 C 语言的）

（2）Quartz2D的API是纯C语言的

（3）Quartz2D的API来自于Core Graphics框架        

（4）数据类型和函数基本都以CG作为前缀

• CGContextRef —— 图形上下文(相当于一个草稿纸)
• CGPathRef  ——— 图形路径
• CGContextStrokePath(cox);   ——— 渲染

 

 

 

Quartz2D api常用拼接路径函数：

---

 

//新建一个起点

void CGContextMoveToPoint(CGContextRef c, CGFloat x, CGFloat y);

//添加新的线段到某个点

void CGContextAddLineToPoint(CGContextRef c, CGFloat x, CGFloat y);

//添加一个矩形

void CGContextAddRect(CGContextRef c, CGRect rect);

//添加一个椭圆

void CGContextAddEllipseInRect(CGContextRef context, CGRect rect);

//添加一个圆弧
void CGContextAddArc(CGContextRef c, CGFloat x, CGFloat y, CGFloat radius,

                     CGFloat startAngle, CGFloat endAngle, int clockwise);

 

 

 

 

Quartz 2D能完成的工作：

---

(1) 绘制图形 : 线条/三角形/矩形/圆/弧等

(2) 绘制文字：涂鸦/画板

(3) 绘制图片/生成图片(图像)

(4) 读取PDF/生成PDF

(5) 截图/裁剪图片

(6) 手势解锁

(7) 报表：折线图/饼状图/柱状图 (查看 gif 动画图片)

(8) 自定义UI控件(或者叫: 自定义 view)

 

通过 Quartz2D绘制自己的控件 , 通过继承自 UIView，重写 drawRect:方法实现在控件上绘制各种内容

 

举例：

通过继承自 UIView 实现自定义的 UIImageView

实现自定义的“下载进度条”控件

幸运转盘控件

……

 

注意：

• Cocos2D（Cocos2D-x、Cocos2D-iPhone、Cocos2D-HTML5等）, 是一个第三方开源的2D游戏框架
• 做2D 游戏的 还有 Sprite Kit。 一般3D 游戏用 unity3D。

 

 

 

Quartz2D在iOS开发中的价值：

---

 

为了便于搭建美观的UI界面，iOS提供了UIKit框架，里面有各种各样的UI控件

UILabel：显示文字

UIImageView：显示图片

UIButton：同时显示图片和文字（能点击）

… …

 

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

 

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

 

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

 

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

 

 

---

如有疑问，请发送邮件至 shorfng@126.com 联系我。

 

By：蓝田（Loto）