Quartz2D-07.利用Quartz实现自定义截图效果

• 效果图
  
  
• 代码实现，自定义ImageView

#import "ZJCutImageView.h"
@interface ZJCutImageView ()

/**
 * 拖拽产生的蒙版view
 */
@property (nonatomic, weak) UIView *panView;

/**
 * 记录当前手指位置
 */
@property (nonatomic, assign) CGPoint oriP;

@end

@implementation ZJCutImageView

// 懒加载
-(UIView *)panView{
    if (!_panView) {
        // 创建蒙版view
        UIView *coverV = [[UIView alloc] init];
        // 设置蒙版的颜色为黑色，半透明
        coverV.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.5];
        // 保存蒙版视图
        _panView = coverV;
        // 显示蒙版
        [self addSubview:coverV];

    }
    return _panView;
}
-(void)awakeFromNib{
    // 添加手势
    UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
    [self addGestureRecognizer:pan];
    // 设置可交互
    self.userInteractionEnabled = YES;

}



-(void)pan:(UIPanGestureRecognizer *)pan{

    // 获取拖拽起始点和当前拖拽点
    CGPoint curP = [pan locationInView:self];
    if(pan.state == UIGestureRecognizerStateBegan){ // 手值开始拖拽时
        _oriP = curP; // 获取起始点位置
    }
    // 重设拖拽view的位置
    self.panView.frame = CGRectMake(_oriP.x, _oriP.y, curP.x - _oriP.x, curP.y -_oriP.y);

    if (pan.state == UIGestureRecognizerStateEnded) {// 结束拖拽时，截图
        // 开启图片上下文
        UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, 0);
        // 获取当前上下文
        CGContextRef ctx = UIGraphicsGetCurrentContext();
        // 设置裁剪区域
        UIBezierPath *path = [UIBezierPath bezierPathWithRect:self.panView.frame];
        [path addClip];

        // 移除蒙版
        [_panView removeFromSuperview];

        // 绘制图片
        [self.layer renderInContext:ctx];

        // 获取重新绘制后的图片
        self.image = UIGraphicsGetImageFromCurrentImageContext();

        // 关闭图形上下文
        UIGraphicsEndImageContext();
    }
}

@end