ios学习_Quartz2D学习笔记

Quartz2D作用：绘制图案、绘制文字、绘制图片、自定义控件，其实大部分UI控件的内容是通过Qurtz2D画出来的

Quartz2D是来自Core Graphics是一个二维绘图引擎，同时支持ios和Mac系统

利用Quartz2D绘制东西到View上的步骤：

1. 自定义一类，继承自UIView

2. 实现drawRect方法

　　2.1 取得当前View的相关联的图像上下文: CGContextRef ctx = UIGraphicsGetCurrentContext();

　　2.2 绘制相应的图形内容

　　2.3 利用图形上下文将绘制的所有内容渲染到View上面:CGContextFillPath(ctx)或CGContextStrokePath(ctx);

常见Quartz2D方法：

　　CGContextRef ctx = UIGraphicsGetCurrentContext();//获得上下文，返回的是同一个

　　CGContextMoveToPoint(ctx, 0, 0);//设置起点也可以是重新设置起点

　　CGContextAddLineToPoint(ctx, 100, 100);//添加一天线段

　　CGContextAddLineToPoint(ctx, 200, 300);//不要再设置起点

　　CGContextClosePath(ctx);//关闭路径，也就是连接起点和终点

　　CGContextAddRect(ctx, CGRectMake(0, 0, 100, 100));//画矩形

　　CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, 100, 50));//画椭圆

　　CGContextAddArc(ctx, 50, 50, 40, 0, M_PI, 1);//radius :半径 startAngle 开始角度 clockwise ：0是顺时针 1是逆时针

　　CGContextSetLineWidth(ctx, 5);//设置线宽

　　CGContextSetRGBFillColor(ctx, 0, 0, 0, 1);//设置RGB实心颜色

　　CGContextSetRGBStrokeColor(ctx, 0, 0, 0, 1);//设置RGB空心颜色

　　CGContextSetLineCap(ctx, kCGLineCapRound);//设置头是圆的

　　CGContextSetLineJoin(ctx, kCGLineJoinRound);//设置转折点

　　[[UIColor whiteColor] set];//可以设置颜色，实心和空心都可以

[str drawAtPoint:CGPointZero withAttributes:nil];//画文字

[image drawInRect:CGRectMake(0, 0, 150, 150)];//画图片

[image drawAsPatternInRect:CGRectMake(0, 0, 150, 150)];//平铺效果

　　CGContextFillPath(ctx);//渲染，实心

　　CGContextStrokePath(ctx);//渲染，空心

图形上下文栈（使用这个可以）：

CGContextSaveGState(ctx);//将ctx拷贝一次放到栈中

　 CGContextRestoreGState(ctx);//将栈顶得上下文出栈，替换当前的上下文

quartz2D应用场景：

1. 打水印（两张合成一张）例子：

UIImage *backgroundImage = [UIImage imageNamed:@" backgroundImage "];//加载图片，为了设置之后上下文的宽度

UIGraphicsBeginImageContextWithOptions(backgroundImage.size, NO, 0.0);//根据背景图片创建一个基于位图的上下文

[oldImage drawInRect:CGRectMake(0, 0, backgroundImage.size.width, backgroundImage.size.height)];//把图片画上去

　　UIImage *logo = [UIImage imageNamed:@"logo"];//添加水印图片

　　CGRect logoRect;//设置logo的位置

[logo drawInRect:logoRect];//把水印画到上下文上去

UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();//生成合成的图片

UIGraphicsEndImageContext();//结束上下文

2．图片裁剪

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

CGFloat borderW = 2;//设置外面环的大小

CGFloat contextW = image.size.width + borderW * 2;

CGFloat contextH = image.size.height + borderW * 2;

UIGraphicsBeginImageContextWithOptions(CGSizeMake(contextW, contextH), NO, 0.0);//

CGContextRef ctx = UIGraphicsGetCurrentContext();//取得当前的上下文，

CGFloat centerX = imageW * 0.5;

CGFloat centerY = imageH * 0.5;

CGContextAddArc(ctx, centerX, centerY, centerX, 0, M_PI * 2, 0);//画圆

[[UIColor whiteColor] set];

CGContextFillPath(ctx);

CGFloat radius = oldImage.size.width * 0.5;

CGContextAddArc(ctx, centerX, centerY, radius, 0, M_PI * 2, 0);

CGContextClip(ctx);//裁剪，裁剪只是对后面有影响

[image drawInRect:CGRectMake(borderW, borderW, image.size.width, image.size.height)];

UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

3.截屏

UIGraphicsBeginImageContextWithOptions(self.view.frame.size, NO, 0.0);//根据View的大小开启上下文

[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];//把View的图层画到上下文中

UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();//根据上下文生成图片

UIGraphicsEndImageContext();//结束上下文

总结一下：

（1）都要创建一个图形上下文，并都是基于位图 UIGraphicsBeginImageContextWithOptions

（2）取得当前的上下文在上面实现绘制 CGContextRef ctx = UIGraphicsGetCurrentContext();

（2）使用完图形上下文之后都要关闭 UIGraphicsEndImageContext();

*保存图片到沙盒的代码：

NSString * path = [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, 　　　YES)lastObject]stringByAppendingString:@"name.png"];

NSData *data = UIImagePNGRepresentation(newImage);

[data writeToFile:path atomically:YES];