ios刮刮卡效果_iOS 图像绘制小demo(2) -- 刮刮卡

刮刮卡效果非常简单，只需添加UIPanGestureRecognizer(拖动手势)就可以完成了

首先介绍UITouch类中包含如下成员函数：

-(CGPoint)locationInView:(UIView *)view：函数返回一个CGPoint类型的值，表示触摸在view这个视图上的位置，这里返回的位置是针对view的坐标系的。调用时传入的view参数为空的话，返回的时触摸点在整个窗口的位置。

-(CGPoint)previousLocationInView:(UIView *)view：该方法记录了前一个坐标值，函数返回也是一个CGPoint类型的值， 表示触摸在view这个视图上的位置，这里返回的位置是针对view的坐标系的。调用时传入的view参数为空的话，返回的时触摸点在整个窗口的位置。

当手指接触到屏幕，不管是单点触摸还是多点触摸，事件都会开始，直到用户所有的手指都离开屏幕。期间所有的UITouch对象都被包含在UIEvent事件对象中，由程序分发给处理者。事件记录了这个周期中所有触摸对象状态的变化。

只要屏幕被触摸，系统就会报若干个触摸的信息封装到UIEvent对象中发送给程序，由管理程序UIApplication对象将事件分发。一般来说，事件将被发给主窗口，然后传给第一响应者对象(FirstResponder)处理。

关键代码

// 1.计算位置(size就是手指刮一下的大小)

CGFloat offsetX = nowPoint.x - size.width * 0.5;

CGFloat offsetY = nowPoint.y - size.height * 0.5;

CGRect clipRect = CGRectMake(offsetX, offsetY, size.width, size.height);

// NSLog(@"%@",NSStringFromCGRect(clipRect));

// 2.开启上下文

UIGraphicsBeginImageContextWithOptions(view.bounds.size, NO, 0);

// 获取当前上下文

CGContextRef contextRef = UIGraphicsGetCurrentContext();

// 3.把图片绘制的上下文

[view.layer renderInContext:contextRef];

// 4.设置成透明区域

CGContextClearRect(contextRef, clipRect);

// 5.获取新图片

UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();

// 6.关闭上下文

UIGraphicsEndImageContext();

调用

//得到手指点到wipeiv中的点

CGPoint point = [pan locationInView:self.wipeIV];

//手指划过的点设置成透明区域后返回的新图片

self.wipeIV.image = [self.wipeIV.image ff_wipeImageWithView:self.wipeIV currentPoint:point size:CGSizeMake(40, 40)];