福利来袭之用苍老师神图做图片擦拭小案例

先看效果:

5.gif

图片擦除思路.

• 弄两个不同的图片.上面一张, 下面一张.

• 添加手势,手指在上面移动,擦除图片.

• 擦除前要先确定好擦除区域.

• 假设擦除区域的宽高分别为30.

• 那点当前的擦除范围应该是通过当前的手指所在的点来确定擦除的范围,位置.

• 那么当前擦除区域的x应该是等于当前手指的x减去擦除范围的一半,同样,y也是当前手指的y减去高度的一半.

• 有了擦除区域,要让图片办到擦除的效果,首先要把图片绘制到图片上下文当中, 在图片上下文当中进行擦除.

• 之后再生成一张新的图片,把新生成的这一张图片设置为上部的图片.那么就可以通过透明的效果,看到下部的图片了.

第一个参数, 要擦除哪一个上下文
第二人参数,要擦除的区域.
CGContextClearRect(ctx, rect);
- (void)viewDidLoad {
    [super viewDidLoad];   
    self.imageV.userInteractionEnabled = YES;
    添加手势
    UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];    [self.imageV addGestureRecognizer:pan ];}
当手指在屏幕上拖动的时候调用.
- (void)pan:(UIPanGestureRecognizer *)pan{
    获取当前的手指点.
    CGPoint curP = [pan locationInView:self.imageV];
    确定擦除区域.
        假设擦除区域的宽高分别为30.
        那点当前的擦除范围应该是通过当前的手指所在的点来确定擦除的范围,位置.
        那么当前擦除区域的x应该是等于当前手指的x减去擦除范围的一半,同样,y也是当前手指的y减去高度的一半.
    CGFloat rectWH = 30;    CGFloat x = curP.x - rectWH * 0.5;
    CGFloat y = curP.y - rectWH * 0.5;
    确实擦除的位置尺寸.
    CGRect rect = CGRectMake(x, y, rectWH, rectWH);
    开启一个位图上下文.
  UIGraphicsBeginImageContextWithOptions(self.imageV.bounds.size, NO, 0);
    获取当前的上下文.
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    把UIImageV上的图片渲染到上下文当中.
    [self.imageV.layer renderInContext: ctx];
    设置擦除区域
    CGContextClearRect(ctx, rect);
    生成一张新的图片.
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    关闭位图上下文.
    UIGraphicsEndImageContext();
    给图片重新赋值
    self.imageV.image = newImage;
}