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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文来自:http://ios.jobbole.com/84081/ 前言: 按照时间顺序,事件的生命周期是这样的...
    HackerOnce阅读 2,864评论 1 10
  • 在iOS开发中经常会涉及到触摸事件。本想自己总结一下,但是遇到了这篇文章,感觉总结的已经很到位,特此转载。作者:L...
    WQ_UESTC阅读 6,138评论 4 26
  • 1. iOS中的事件可以分为3大类型:触摸事件、加速事件、远程控制事件 2.按照时间顺序,事件的生命周期是这样的:...
    彬至睢阳阅读 371评论 0 0
  • 响应者对象 在iOS中不是任何对象都能处理事件,只有继承了UIResponder的对象才能接收并处理事件。我们称之...
    JonesCxy阅读 715评论 0 0
  • 7、不使用IB是,下面这样做有什么问题? 6、请说说Layer和View的关系,以及你是如何使用它们的。 1.首先...
    AlanGe阅读 725评论 0 1