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)];

demo地址https://github.com/tmd2013/iosNote