Quartz2D之生成圆形头像、打水印、截图三种方法的封装

我给UIImage类添加了一个类目，用于封装三个方法，每个方法都没有难度，做这个主要为了练习一下封装；

首先在类目.h文件中声明三个方法：以及创建了一个枚举、用于水印方法中设定水印位置；方法说明和参数都在下面注释好了

typedef enum:NSUInteger{
XQGConrnerTopLeftType,//左上角
XQGConrnerTopRightType,//右上角
XQGConrnerBottomLeftType,//左下角
XQGConrnerBottomRightType,//右下角
} XQGConrnerType;

@interface UIImage (XQGQuartz2D)

/**
*  得到一张带水印的图片
*
*  @param waterIMG       水印图片
*  @param bacIMG         背景图片
*  @param size           水印距离某个角的边距
*  @param XQGConrnerType 水印靠近背景哪个角上
*  @param scale          缩放比例，不缩放为1
*
*  @return UIImage
*/
+ (instancetype)getWatermarkImageWithWaterImage:(UIImage *)waterIMG
andImage:(UIImage *)bacIMG
andDistance:(CGSize)size
andWhichCorner:(XQGConrnerType)XQGConrnerType
andScale:(CGFloat)scale;

/**
*  得到一张带边框的圆角头像
*
*  @param image  制作头像的图片
*  @param radius 头像半径
*  @param border 边框厚度，0为没有
*  @param color  边框颜色
*
*  @return UIImage
*/
+ (instancetype)getCircleIconWithImage:(UIImage *)image
andRadius:(CGFloat)radius
andBorder:(CGFloat)border
andColor:(UIColor *)color;
/**
*  截图
*
*  @param view 需要被截图的view
*
*  @return UIImage
*/
49　+　(void)ScreenshotsWithView:(UIView *)view andImage:(XQGBlock)image

接下来是水印方法的实现

//开启上下文：基于位图（bitmap），所有的东西需要绘制到一张新的图片上去
//size：新图片的尺寸
//opaque：yes：不透明，no：透明
//scale:伸缩尺寸；
UIGraphicsBeginImageContextWithOptions(bacIMG.size, NO, 0.0);
//画背景，背景大小即背景图片尺寸
[bacIMG drawInRect:CGRectMake(0, 0, bacIMG.size.width, bacIMG.size.height)];
//画水印，scale为1时水印大小等于原水印图片大小；
CGFloat waterX;
CGFloat waterY;
CGFloat waterW = waterIMG.size.width * scale;
CGFloat waterH = waterIMG.size.height * scale;
//根据位置参数设定水印位于哪个角落，以及边距
switch (XQGConrnerType)
case XQGConrnerBottomLeftType:
waterX = size.width;
waterY = bacIMG.size.height - size.height - waterIMG.size.height;
break;
case XQGConrnerTopLeftType:
waterX = size.width;
waterY = size.height;
break;
case XQGConrnerBottomRightType:
waterX = bacIMG.size.width - size.width - waterIMG.size.width;
waterY = bacIMG.size.height - size.height - waterIMG.size.height;
break;
case XQGConrnerTopRightType:
waterX = bacIMG.size.width - size.width - waterIMG.size.width;
waterY = size.height;
break;

default:
break;
}
//把水印保存到上下文中
[waterIMG drawInRect:CGRectMake(waterX , waterY, waterW, waterH)];
//从上下文中取得制作完毕的UIImage对象
UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext();
return newImage;

生成头像方法的实现：

+ (instancetype)getCircleIconWithImage:(UIImage *)image andRadius:(CGFloat)radius andBorder:(CGFloat)border andColor:(UIColor *)color
{
CGSize size = CGSizeMake(2 * radius, 2 * radius);
UIGraphicsBeginImageContextWithOptions(size, NO, 0.0);

//取得上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();
//保存一个初始状态
CGContextSaveGState(ctx);
//画裁剪范围
CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, size.width, size.height));
//裁剪
CGContextClip(ctx);
//画图片
[image drawInRect:CGRectMake(0, 0, size.width, size.height)];
//设置圆环，设置的为内圆环
//释放初始状态
CGContextRestoreGState(ctx);
//radius - border * 2设为圆环半径，头像总半径才能保持为radius，因为设置线段宽度为内外增加相同厚度；
CGContextAddArc(ctx, radius, radius, radius - border * 2, 0, M_PI * 2, 0);
CGContextSetLineWidth(ctx,  border);
[color setStroke];
CGContextStrokePath(ctx);
//从上下文中取得制作完毕的UIImage对象
UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext();
//关闭上下文
UIGraphicsEndImageContext();

return newImage;
}

3、截图的方法实现：因为考虑到可能会截取到截取按钮的高亮状态，所以方法延迟0.5秒执行；并且使用了block块来传image对象；
block定义为：Typedef void(^XQGBlock)(UIImage ＊ｉｍａｇｅ)

+(void)ScreenshotsWithView:(UIView *)view andImage:(XQGBlock)image
{
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
//1、开启上下文
UIGraphicsBeginImageContextWithOptions(view.frame.size, YES, 0.0);
//2、将控制器view的layer渲染到上下文，想要截啥就把哪个图层拿出来渲染
[view.layer renderInContext:UIGraphicsGetCurrentContext()];
//3、取出图片
UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext();
//关闭上下文
UIGraphicsEndImageContext();
image(newImage);
});
}

实现效果：

水印：设置水印位于右上角，缩放0.8，距离上右边界为10；

水印图片；

[UIImage getWatermarkImageWithWaterImage:water andImage:bacimage andDistance:CGSizeMake(10, 10) andWhichCorner:XQGConrnerTopRightType andScale:0.8];


输出结果；

头像：设置头像半径为40，描边厚度为2、黑色

[UIImage getCircleIconWithImage:icon andRadius:40 andBorder:2 andColor:[UIColor blackColor]];



截图：把需要截图的view带进去即可；在ｂｌｏｃｋ回调中获取图片进行操作即可，我的为保存到桌面；就不放图了；

[UIImage ScreenshotsWithView:self.viewIMG andImage:^(UIImage *image) {

NSData * data = UIImagePNGRepresentation(image);

[data writeToFile:@"/Users/ibokan/Desktop/icon.png" atomically:YES];

}];

好了，这样就完成了。早日脱离小白！加油！