Quartz2D使用之基本图形绘制（一）

首先我们要知道Quartz 2D是什么？

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

其次Quartz 2D能完成哪些工作？

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

Ø绘制文字

Ø绘制\生成图片(图像)

Ø读取\生成PDF

Ø截图\裁剪图片

Ø自定义UI控件

Ø……

Quartz 2D的一些实例

Ø 裁剪图片（圆形头像裁剪，例如扣扣头像）

Ø涂鸦\画板

Quartz2D在iOS开发中的价值

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

ØUILabel：显示文字

ØUIImageView：显示图片

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

Ø……

Ø

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

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

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

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

下面介绍一个重要的概念： 图形上下文

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

图形上下文的作用

Ø保存绘图信息、绘图状态

Ø决定绘制的输出目标（绘制到什么地方去？）

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

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

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

Ø Bitmap Graphics Context

Ø PDF Graphics Context

Ø Window Graphics Context

Ø Layer Graphics Context

Ø Printer Graphics Context

介绍完一些基本概念之后我们介绍一个简单的实例：关于直线的绘制

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

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

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

这里我们要实现- (void)drawRect:(CGRect)rect方法，该方法在view即将绘制出来时会被调用。

下面直接上代码：

- (void)drawRect:(CGRect)rect

{

    // 1.获取上下文

    // CGContextRef CG CoreGraphics Ref 引用

    // 目前学的上下文都跟UIGraphics有关，以后想直接获取上下文，直接敲一个UIGraphics

    CGContextRef ctx = UIGraphicsGetCurrentContext();

    

    // 2.设置绘图信息(拼接路径)

    UIBezierPath *path = [UIBezierPath bezierPath];

    

    // 设置起点

    [path moveToPoint:CGPointMake(10, 10)];

    

    // 添加一条线到某个点

    [path addLineToPoint:CGPointMake(125, 125)];

    [path addLineToPoint:CGPointMake(240, 10)];

    // 3.把路径添加到上下文

    // 直接把UIKit的路径转换成CoreGraphics，CG开头就能转

    CGContextAddPath(ctx, path.CGPath);

    

    // 4.把上下文渲染到视图

    // Stroke描边

    CGContextStrokePath(ctx);

}