Quartz2D基础

一、对Quartz2D的介绍

Quartz 2D是一个二维图形绘制引擎，支持iOS环境和Mac OS X环境。我们可以使用Quartz 2D API来实现许多功能，如基本路径的绘制、透明度、描影、绘制阴影、透明层、颜色管理、反锯齿、PDF文档生成和PDF元数据访问。在需要的时候，Quartz 2D还可以借助图形硬件的功能。
Quartz 2D在图像中使用了绘画者模型(painter’s model)。在绘画者模型中，每个连续的绘制操作都是将一个绘制层(a layer of ‘paint’)放置于一个画布(‘canvas’)，我们通常称这个画布为(Page)。 Page上的绘图可以通过额外的绘制操作来叠加更多的绘图。Page上的图形对象只能通过叠加更多的绘图来改变。这个模型允许我们使用小的图元来构建复杂的图形。

Page可以是一张纸(如果输出设备是打印机)，也可以是虚拟的纸张(如果输出设备是PDF文件)，还可以是bitmap图像。这根据实际使用的graphics context而定。

二、画一些基本图像

代码：

//
//  ShapeView.m
//  
//
//  Created by QiZhang on 11/26/15.
//
//

#import "ShapeView.h"

@implementation ShapeView


// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    [self mydraw];
}

// 四分之一圆
- (void)circle_4
{
    // 获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 拼接路径
    CGPoint center = CGPointMake(100, 100);
    CGFloat radius = 100;
    CGFloat startA = 0;
    CGFloat endA = M_PI_2;
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES];
    [path addLineToPoint:center];
    // 把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    // 渲染上下文
    CGContextFillPath(ctx);  // 充满
}

// 四分之一圆弧
- (void)drawArc
{
    // 获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 拼接路径
    CGPoint center = CGPointMake(100, 100);
    CGFloat radius = 100;
    CGFloat startA = 0;
    CGFloat endA = M_PI_2;
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES];
    // 把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    // 渲染
    CGContextStrokePath(ctx);
}

// 画矩形
- (void)drawRectangle
{
    // 获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 拼接路径
    UIBezierPath *path = [UIBezierPath bezierPathWithRect:CGRectMake(10, 10, 150, 150)];
    CGContextAddPath(ctx, path.CGPath);
    CGContextStrokePath(ctx);
}

// 画三角形
- (void)drawTriangle
{
    // 1.获得上下文路径
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    // 2.拼接路径
    UIBezierPath *path = [UIBezierPath bezierPath];
    CGPoint startP = CGPointMake(10, 10);
    [path moveToPoint:startP];
    [path addLineToPoint:CGPointMake(200, 190)];
    [path addLineToPoint:CGPointMake(10, 190)];
    [path closePath]; // 从路径的终点连接到起点

    // 3.把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);

//    [[UIColor blueColor] setFill];
//    [[UIColor redColor] setStroke];
//    
//    CGContextSetLineWidth(ctx, 15);
//    
//    // 渲染上下文
//    CGContextDrawPath(ctx, kCGPathFillStroke);

    CGContextStrokePath(ctx);

    //
}

- (void)mydraw
{
    // 1.获得上下文路径
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    // 2.拼接路径
    UIBezierPath *path = [UIBezierPath bezierPath];
    CGPoint startP = CGPointMake(10, 10);
    [path moveToPoint:startP];
    [path addLineToPoint:CGPointMake(200, 190)];
    [path addLineToPoint:CGPointMake(10, 190)];
    [path closePath]; // 从路径的终点连接到起点

    // 3.把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);

    [[UIColor blueColor] setFill];
    [[UIColor redColor] setStroke];

    CGContextSetLineWidth(ctx, 15);

    // 渲染上下文
    CGContextDrawPath(ctx, kCGPathFillStroke);
}


@end

结果截图：