iOS开发-UI高级 Quartz 2D绘图

1、Quartz 2D是一个二维图形绘制引擎
· Quartz 2DAPI可以实现许多功能,如基于路径的绘图、透明度、阴影、颜色管理、反锯齿、PDF文档生成和PDF元数据访问
· Quartz 2DAPI是Core Graphics框架的一部分
2、Core Graphics
· Core Graphic框架是一组基于C的API,可以用于一切绘图操作
· 因为UIKit依赖于Core Graphics,所以当引入<UIKit/UIKit.h>时,Core Graphics框架会被自动引入
· UIKit内部封装了Core Graphics的一些API,可以快速生成通用的界面元素
3、Graphics Context图形上下文
· Graphics Context是一个数据类型(CGContextRef),封装了Quartz绘制图像 到输出设备的信息
· Quartz中所有的对象都是绘制到一个Graphics Context中
4、利用Quartz 2D绘制UIView

在UIView子类中重写drawRect:

如以下代码是利用Quartz 2D绘制线条的简单示例，绘制步骤一般为：

1. 获取上下文

2. 创建绘制路径

3. 设置绘制图形属性

4.  将路径添加到上下文中

5. 渲染上下文

<strong><span style="font-size:14px;">-(void)drawRect:(CGRect)rect{
    
    // 获取上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    [self drawLine:context];

}

-(void)drawLine:(CGContextRef)context{
    
    // 创建路径
    CGMutablePathRef path = CGPathCreateMutable();
    // 设置起点
    CGPathMoveToPoint(path, NULL, 50, 50);
    
    // 设置目标点
    CGPathAddLineToPoint(path, NULL, 200, 200);
    // 设置连接线条
    CGPathAddLineToPoint(path, NULL, 50, 200);
    // 关闭路径
    CGPathCloseSubpath(path);
    // 将路径添加到上下文
    CGContextAddPath(context, path);
    // 设置填充颜色
    CGContextSetRGBFillColor(context, 180/255.0, 120/255.0, 110/255.0, 1);
    // 设置线条颜色
    CGContextSetRGBStrokeColor(context, 50/255.0, 60/255.0, 65/255.0, 1);
    // 设置线条宽度
    CGContextSetLineWidth(context, 10);
    // 渲染路径
    CGContextDrawPath(context, kCGPathFillStroke);
    // 释放路径
    CGPathRelease(path);
}
</span></strong>

运行结果：

注意：1. 如果使用UIView绘图,只能在drawRect:方法中获取相应的CGContextRef 并绘图。而在其他方法中获取的CGContextRef不能用于绘图
2. 重绘时应该调用setNeedsDisplay,而不能直接调用 drawRect:,setNeedsDisplay会自动调用drawRect: