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(, , 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( * radius,  * radius);
     UIGraphicsBeginImageContextWithOptions(size, NO, 0.0);

     //取得上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
     //保存一个初始状态
     CGContextSaveGState(ctx);
     //画裁剪范围
     CGContextAddEllipseInRect(ctx, CGRectMake(, , size.width, size.height));
     //裁剪
     CGContextClip(ctx);
     //画图片
     [image drawInRect:CGRectMake(, , size.width, size.height)];
     //设置圆环，设置的为内圆环
     //释放初始状态
 CGContextRestoreGState(ctx);
 //radius - border * 2设为圆环半径，头像总半径才能保持为radius，因为设置线段宽度为内外增加相同厚度；
     CGContextAddArc(ctx, radius, radius, radius - border * , , M_PI * , );
     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];

}];

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