iOS事件传递以及响应综合分析

  1. 响应者对象UIResponder
  2. 事件传递
    • 事件传递过程
    • 关于hitTest:withEvent:方法解析
  3. 事件响应者链条
    • 应用举例:
  4. 手势的共存和互斥
    • 综合案例
  5. 手势和View的点击事件关系

一. 响应者对象UIResponder

在用户使用APP的过程中,会产生各种各样的事件 ,iOS中的事件可以分为3大类型 :


在iOS中不是任何对象都能处理事件的,只有继承了UIResponder的对象才能接收并处理事件,我们称之为响应者对象

那么为什么继承自UIResponder的类就能够接收并处理事件呢?因为该类中提供了以下4个对象方法来处理触摸事件:

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
- (void)touchesCancelled:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

二. 事件传递

下面我们通过一张图来看看iOS中事件的产生和传递过程:


  1. 当发生触摸事件后,系统会将该事件加入到一个由UIApplication管理的队列事件中
  2. 然后UIApplication对象会从事件队列中取出最前面的事件,并将事件分发下去以便处理,通常会先将该事件发送给应用程序的主窗口(keyWindow)
  3. 主窗口会在视图层次结构中找到一个最合适的视图来处理该触摸事件
  4. 找到合适的视图控件后,就会调用视图控件的touches方法来作事件的具体处理:touchesBegin... touchesMoved...touchesEnded等
  5. 这些touches方法默认的做法是将事件顺着响应者链条向上传递,将事件交给上一个相应者进行处理

下面我们举个例子来演示下具体的传递过程,如图:


一般事件的传递是从父控件传递到子控件的,如果父控件接受不到触摸事件,那么子控件就不可能接收到触摸事件

例如:点击了绿色的View,传递过程如下:UIApplication->Window->白色View->绿色View
点击蓝色的View,传递过程如下:UIApplication->Window->白色View->橙色View->蓝色View

关于hitTest:withEvent:方法
  1. iOS系统检测到手指触摸操作时会将其放入当前活动Application的事件队列,UIApplication会从事件队列中取出触摸事件并传递给key window处理,window对象首先会调用 hitTest:withEvent:方法, 而该方法内部会调用pointInside:withEvent:方法,该方法内部通过倒叙便利的方式也就是最先便利最后加入的子视图,从而来判断触摸点是否在该View区域内,如果pointInside返回YES,则表明触摸事件发生在该View内部,此时系统会遍历该View的所有Subview 寻找最小单位的UIView

  2. 如果当前View.userInteractionEnabled = NOenabled=NO(UIControl) 或者alpha<=0.01hidden等情况的时候,hitTest就不会调用自己的pointInside,直接返回nil,然后系统就会去遍历兄弟节点。
    注意:UIImageViewuserInteractionEnabled默认就是NO,因此UIImageView以及它的子控件默认是不能接收到触摸事件的。

  3. 如果一个子视图的区域超过父视图的区域,比如下图,tabBar 中间的item


正常情况下对超出tabBar区域的触摸操作不会被识别,因为tabBar的pointInside:withEvent:方法会返回NO,这样就不会继续向下遍历子视图了。当然,我们可以重写pointInside:withEvent:方法来处理这种情况,下文会详细描述。

判断下当前这个点在不在方法调用者上,注意:这个点必须是方法调用者上的坐标系,才会判断准确。
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event; // default returns YES if point is in bounds

下面我们用代码来模拟下这个过程:

// 作用:寻找最合适view
// point:表示方法调用者坐标系上的点
// 什么时候调用:只要一个事件传递给一个控件,就会调用这个控件的hitTest方法,该方法返回谁,谁就是最合适view
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    // 1.判断下自己能否接收事件
    if (self.userInteractionEnabled == NO || self.hidden == YES || self.alpha <= 0.01) return nil;
    
    // 2.判断下点在不在当前控件上
    if ([self pointInside:point withEvent:event] == NO) return  nil; // 点不在当前控件
    
    
    // 3.从后往前遍历自己的子控件
    int count = (int)self.subviews.count;
    for (int i = count - 1; i >= 0; i--) {
        // 获取子控件
        UIView *childView = self.subviews[I];
        
        // 把当前坐标系上的点转换成子控件上的点
        CGPoint childP =  [self convertPoint:point toView:childView];
        
        UIView *fitView = [childView hitTest:childP withEvent:event];
        
        if (fitView) {
            return fitView;
        }
    }
    
    // 4.如果没有比自己合适的子控件,最合适的view就是自己
    return self;
}

三. 事件响应者链条

所谓的事件响应者链条就是由多个响应者对象连接起来的链条,大致如下:

事件的完整处理过程

  1. 当用户点击屏幕后产生触摸事件,系统先将事件对象由上往下传递,也就是由父控件传递给子控件,直到找到最合适的控件来处理这个事件。
  2. 找到最合适的视图控件后,调用该控件的 touches... 系列方法来作具体的事件处理
    • 如果该视图控件中调用了 [super touches...],则将事件顺着响应者链条往上传递,传递给上一个响应者对象,依次类推
    • 如果该控件没有实现touches... 系列方法,则将事件顺着响应者链条往上传递,传递给上一个响应者对象,依次类推

注意:
事件的传递是从上到下,由父控件到子控件,而事件的响应是从下到上,是顺着响应者链条向上传递,由子控件到父控件的。他们是相反的。

应用举例:

1、扩大UIButton的响应热区
有时候因为控件太小,我们想扩大他的点击响应区域,此时我们可以:

- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
    CGRect frame = [self getScaleFrame];
    return CGRectContainsPoint(frame, point);
}

- (CGRect)getScaleFrame {
    
    CGRect rect = self.bounds;
    if (rect.size.width < 40.f) {
        rect.origin.x -= (40-rect.size.width)/2;
    }
    
    if (rect.size.height < 40.f) {
        rect.origin.y -= (40-rect.size.height)/2;
    }
    rect.size.width = 40.f;
    rect.size.height = 40.f;
    return rect;
}

2、子view超出了父view的bounds响应事件
项目中常常遇到button已经超出了父view的范围但仍需可点击的情况,比如自定义Tabbar中间的大按钮,点击超出Tabbar bounds的区域也需要响应

//重写UITabBar的pointInside方法
-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
    // 1. 转换点击在tabbar上的坐标点, 到中间按钮上
    CGPoint pointInMiddleBtn = [self convertPoint:point toView:self.middleView];

    // 2. 确定中间按钮的圆心
    CGPoint middleBtnCenter = CGPointMake(33, 33);

    // 3. 计算点击的位置距离圆心的距离
    CGFloat distance = sqrt(pow(pointInMiddleBtn.x - middleBtnCenter.x, 2) + pow(pointInMiddleBtn.y - middleBtnCenter.y, 2));

    // 4. 判定中间按钮区域之外
    if (distance > 33 && pointInMiddleBtn.y < 18) {
        return NO;
    }

    return YES;
}

3、方形按钮的内切圆点击
如下图 是一个正方形的UIButton,但是此时我们只想让它的内切圆接收点击事件,而4个角落是不接受点击事件的

@implementation CustomButton

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    if (!self.userInteractionEnabled ||[self isHidden] ||self.alpha <= 0.01) {
        return nil;
    }
    
    if ([self pointInside:point withEvent:event]) {
        //遍历当前对象的子视图
        __block UIView *hit = nil;
        [self.subviews enumerateObjectsWithOptions:NSEnumerationReverse usingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            // 坐标转换
            CGPoint vonvertPoint = [self convertPoint:point toView:obj];
            //调用子视图的hittest方法
            hit = [obj hitTest:vonvertPoint withEvent:event];
            // 如果找到了接受事件的对象,则停止遍历
            if (hit) {
                *stop = YES;
            }
        }];
        
        if (hit) {
            return hit;
        }
        else{
            return self;
        }
    }
    else{
        return nil;
    }
}

- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
    CGFloat x1 = point.x;
    CGFloat y1 = point.y;
    
    CGFloat x2 = self.frame.size.width / 2;
    CGFloat y2 = self.frame.size.height / 2;
    
    //圆的标准方程(x-a)²+(y-b)²=r²中, ab为圆心,r为半径
    double dis = sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));
    // 67.923
    if (dis <= self.frame.size.width / 2) {
        return YES;
    }
    else{
        return NO;
    }
}

@end

手势代理方法

 //  是否允许同时支持多个手势,默认只支持一个手势,要调用此方法注意设置代理
  - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
  {
      return YES;
  }
  
  //  是否允许开始触发手势
  - (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
  {
      return NO;
  }
  
  //  是否允许接收手机的触摸(可以控制触摸的范围)
  - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch
  {
      //获取当前的触摸点
      CGPoint currentP = [touch locationInView:self.imageView];
      //在图片的左半区域可以接受触摸
      if (currentP.x < self.imageView.bounds.size.width * 0.5) {
          return YES;
      }else {
          return NO;
      }
  }

四. 手势的共存和互斥

首先我们来看看下面这段代码:

- (void)viewDidLoad {
    [super viewDidLoad];
    GSViewOne *viewOne = [[GSViewOne alloc] initWithFrame:CGRectMake(100, 100, 200, 200)];
    viewOne.backgroundColor = [UIColor redColor];
    [self.view addSubview:viewOne];
    
    GSViewTwo *viewTwo = [[GSViewTwo alloc] initWithFrame:CGRectMake(20, 20, 160, 160)];
    viewTwo.backgroundColor = [UIColor yellowColor];
    [viewOne addSubview:viewTwo];
    
    //添加手势
    GSGestureOne *gestureOne = [[GSGestureOne alloc] initWithTarget:self action:@selector(panOne)];
    [viewOne addGestureRecognizer:gestureOne];
    
    GSGestureTwo *gestureTwo = [[GSGestureTwo alloc] initWithTarget:self action:@selector(panTwo)];
    [viewTwo addGestureRecognizer:gestureTwo];
}

-(void)panOne{
    NSLog(@"panOne--redView");
}
-(void)panTwo{
    NSLog(@"panTwo--yellowView");
}

效果图如下:


手势共存
当我们的手指在黄色View上拖拽的时候发现只识别了黄色区域的手势,那么现在有一个需求,当手指在黄色区域拖拽的时候我要黄色和红色区域的手势都识别该如何实现?

此时我们只需要实现UIGestureRecognizerDelegate协议,实现如下方法即可:

    //允许手势共存,只要有一个手势返回了YES,那么就是共存
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
    return YES;
}

手势互斥
当我们手指在黄色区域拖拽的时候我希望红色区域手势识别而黄色区域手势不识别 ,此时就用到了手势互斥。

    //gestureTwo的响应需要gestureOne响应失败
    [gestureTwo requireGestureRecognizerToFail:gestureOne];

或者是用代理方法也可以:

///otherGestureRecognizer它要识别,需要gestureRecognizer被响应失败
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldBeRequiredToFailByGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {

    return YES;

}

五. 手势和View的点击事件关系

现在有一个案例,BaseVC中添加了一个手势

@implementation BaseVC
- (void)viewDidLoad {
    [super viewDidLoad];
    
    UITapGestureRecognizer *tapGes = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapClick)];
    [self.view addGestureRecognizer:tapGes];
}
-(void)tapClick{
    NSLog(@"%s",__func__);
}
@end

ViewController继承自BaseVC,在ViewController中添加了一个tableView,并且实现了didSelectRowAtIndexPath:方法

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    NSLog(@"%s",__func__);
}

运行起来之后,点击Cell,发现只执行了基类的点击手势,而没有执行Cell的点击事件,这是因为什么原因呢?


这是由于手势是大哥,点击事件是小弟,可以理解为手势优于点击事件。其实是因为手势有一个cancelsTouchesInView属性,该属性默认值为YES,表示识别手势之后,是否取消view的touch事件,我们只需设置该属性为NO即可。

// default is YES. causes touchesCancelled:withEvent: or pressesCancelled:withEvent: to be sent to the  
//view for all touches or presses recognized as part of this gesture immediately before the action method is called.
@property(nonatomic) BOOL cancelsTouchesInView;       
tapGes.cancelsTouchesInView = NO;//识别手势之后,是否取消view的touch事件,默认值为YES

但是当点击Cell的时候我们只想执行Cell的点击事件而不想执行父类的手势事件,该如何操作呢?

我们只需要实现手势的代理方法即可:

// called before touchesBegan:withEvent: is called on the gesture recognizer for a new touch. 
// return NO to prevent the gesture recognizer from seeing this touch
-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{
    if ([touch.view isKindOfClass:[UITableView class]]) {
           return YES;
       }
       return  NO;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容