Quartz2D

1.什么是Quartz2D

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

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

2.什么是图形上下文

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

2>图形上下文的作用
a.保存绘图信息、绘图状态
b.决定绘制的输出目标（绘制到什么地方去？）

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

3. 自定义view的步骤

1>新建一个类，继承自 UIView

2>让view与新建的类进行关联 

3>实现 - ( void )drawRect:( CGRect )rect方法，然后在这个方法中

取得跟当前view相关联的图形上下文 绘制相应的图形内容

4>利用图形上下文将绘制的所有内容渲染显示到view上面

4.drawRect:

1>为什么要实现drawRect:方法才能绘图到view上？
因为在drawRect:方法中才能取得跟view相关联的图形上下文

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

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

调用view的setNeedsDisplay或者setNeedsDisplayInRect:时

5.为什么说UIView能显示内容是因为CALayer?

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

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

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

6.通过绘制线条拼接一个三角形

//控制器的view第一次显示的时候调用
- (void)drawRect:(CGRect)rect{
    //1.获得当前图像上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    //2.绘图
    //2.1设置起点
    CGContextMoveToPoint(ctx, 100, 100);

    CGContextAddLineToPoint(ctx, 200, 100);

    //2.2设置线条状态
    //宽度
    CGContextSetLineWidth(ctx, 10);
    //颜色
    CGContextSetRGBStrokeColor(ctx, 1, 0, 0, 1);
    //两段样式

    CGContextSetLineCap(ctx, kCGLineCapRound);

    //3.添加另外一条线
    CGContextAddLineToPoint(ctx, 200, 200);
    //3.1设置线条转折点样式

    CGContextSetLineJoin(ctx, kCGLineJoinRound);

    //4.关闭 线条2端连接

    CGContextClosePath(ctx);

    //5.渲染 stroke 表示空心形式绘制

    CGContextStrokePath(ctx);   

}

7.绘制图片与文字

    //指定矩形框,拉伸图片填充矩形框
//    [image drawInRect:rect];
    //指定一个点,按图片原始尺寸绘画
//    [image drawAtPoint:CGPointZero];
    //按照图片原始尺寸  平铺填充矩形框
//    [image drawAsPatternInRect:rect];
    //指定矩形框,拉伸图片填充矩形框  可以指定混合模式与aplha

    [image drawInRect:rect blendMode:kCGBlendModeScreen alpha:1];

---------------------------

    NSString *str = @"呵呵呵额呵呵";

    NSMutableDictionary *attr = [NSMutableDictionary dictionary];

    attr[NSFontAttributeName] = [UIFont systemFontOfSize:15];

    attr[NSForegroundColorAttributeName] = [UIColor redColor];

    [str drawInRect:rect withAttributes:attr];

8.图形上下文栈

用来保存图像上下文

    // 获得上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext ();
    // 将当前图型上下文保存到一个栈里面

    CGContextSaveGState(ctx);

….

// 将图形上下文出栈

    CGContextRestoreGState(ctx);

9.在UIView中图片剪切

    //1.获得图像上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    //2.画圆
    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 100, 100));
    //3.必须在渲染之前裁剪,调用该方法时要求当前上下文已经存在一个封闭的图形区域
    CGContextClip(ctx);
    //4.渲染
    CGContextStrokePath(ctx);
    UIImage *image = [UIImage imageNamed:@"psb.jpeg"];//png格式的图片不能剪切成功,而且图片一定要有后缀名

    [image drawAtPoint:CGPointZero];

10.在控制器中图片剪切

 //1.加载图片
    UIImage *image = [UIImage imageNamed:@"your"];
    //2.创建图片上下文
    NSLog(@"%@",UIGraphicsGetCurrentContext());//直接获取上下文是空的
    UIGraphicsBeginImageContext(image.size);
    //3.绘制圆
    NSLog(@"%@",UIGraphicsGetCurrentContext());//当前获取的上下文就是上面开启的上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, image.size.width, image.size.height));
    //剪切

    CGContextClip(ctx);

    //4.绘制图片
    [image drawAtPoint:CGPointZero];
    //5.获得图片

    UIImage *newImg = UIGraphicsGetImageFromCurrentImageContext();

    //6.赋值
    self.iconImage.image = newImg;

    //7.关闭上下文

    UIGraphicsEndImageContext();

11.带外边框图片剪切

 //1.加载图片
    UIImage *img = [UIImage imageNamed:@"your"];
    //2.创建图片上下文
    CGFloat margin = 10;
    CGFloat contextW = img.size.width + margin;

    CGFloat contextH = img.size.height + margin;

    UIGraphicsBeginImageContextWithOptions(CGSizeMake(contextW, contextH), NO, 0);
    //3.绘制大圆
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, contextW, contextH));
    [[UIColor orangeColor] set];

    CGContextFillPath(ctx);

    //4.绘制小圆

    CGContextAddEllipseInRect(ctx, CGRectMake(margin * 0.5, margin * 0.5, img.size.width, img.size.height));

    CGContextClip(ctx);

    //5.绘制图;

    [img drawAtPoint:CGPointMake(margin * 0.5, margin * 0.5)];

    //6.获得图片

    UIImage *newImg = UIGraphicsGetImageFromCurrentImageContext();

    //关闭上下文

      UIGraphicsEndImageContext ();

12.截屏

    //1.开启图像上下文

    UIGraphicsBeginImageContext(CGSizeMake(100, 100));

    //2.将view中的内容渲染在上下文中

    [self.myView.layer renderInContext:UIGraphicsGetCurrentContext()];

    //3.从图像上下文中获取图片
    UIImage *newImg = UIGraphicsGetImageFromCurrentImageContext();

    //4.关闭上下文

     UIGraphicsEndImageContext();

13.制作图片水印

   // 0.加载图片

    UIImage *image = [ UIImage imageNamed : @“abc" ];

    UIImage *logoImage = [UIImage imageNamed:@"logo"];

     CGFloat margin = 10 ;

    // 1.开启上下文
    UIGraphicsBeginImageContext(CGSizeMake(375, 400));
    // 1.1 绘制背景图
    [image drawInRect:CGRectMake(0, 0, 375, 400)];
    // 1.2 绘制logo
    [logoImage drawAtPoint:CGPointMake(self.view.frame.size.width - margin - logoImage.size.width, margin)];
    // 2.获得图片

    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();   

    // 3.关闭上下文

    UIGraphicsEndImageContext();