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

最新推荐文章于 2017-03-20 10:36:13 发布

原创最新推荐文章于 2017-03-20 10:36:13 发布 · 633 阅读

0 ·

CC 4.0 BY-SA版权

Quartz2D 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种自定义的iOS ImageView实现方案，通过拖拽手势生成遮罩并完成图片裁剪。该方案利用了UIPanGestureRecognizer手势识别器来捕捉用户的拖拽动作，并根据这些动作实时更新遮罩的位置与大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图
代码实现，自定义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