iOS hitTest button在视图外也能响应事件

文章目录

  一、什么是hitTest

  二、hitTest的调用顺序

  三、事件的传递顺序

  四、hitTest的实现思路

  五、hitTest的运用场景

  1、事件穿透

  2、子视图超出父视图范围

一、什么是hitTest

- (UIView*)hitTest:(CGPoint)point withEvent:(UIEvent *)event

point      : 在接收器的局部坐标系(界)中指定的点。

event      : 系统保证调用此方法的事件。如果从事件处理代码外部调用此方法,则可以指定nil。

returnValue : 视图对象是当前视图和包含点的最远的后代。如果点完全位于接收方的视图层次结构之外,则返回nil。

hitTest: withEvent: 是UIView 里面的一个方法,该方法的作用 在于 : 在视图的层次结构中寻找一个最适合的 view 来响应触摸事件。

该方法会被系统调用,调用的时候,如果返回为nil,即事件有可能被丢弃,否则返回最合适的view 来响应事件。(怎么感觉这句话这么别扭,你们觉得呢?)

二、hitTest 的调用顺序

touch -> UIApplication -> UIWindow -> UIViewController.view -> subViews -> ....-> 合适的view

    1

三、事件的传递顺序

事件传递顺序与hitTest 的调用顺序 恰好相反

view -> superView ...- > UIViewController.view -> UIViewController -> UIWindow -> UIApplication -> 事件丢弃

    1

文字说明:

1、 首先由 view 来尝试处理事件,如果他处理不了,事件将被传递到他的父视图superview

2、superview 也尝试来处理事件,如果他处理不了,继续传递他的父视图

UIViewcontroller.view

3、UIViewController.view尝试来处理该事件,如果处理不了,将把该事件传递给UIViewController

4、UIViewController尝试处理该事件,如果处理不了,将把该事件传递给主窗口Window

5、主窗口Window尝试来处理该事件,如果处理不了,将传递给应用单例Application

6、如果Application也处理不了,则该事件将会被丢弃

苹果官方提供的示意图如下 :


四、hitTest的实现思路

常见的视图不响应事件不外乎如下几种情况

1、view.userInteractionEnabled = NO;

2、view.hidden = YES;

3、view.alpha < 0.05

4、view 超出 superview 的 bounds

那么hitTest 就可根据上面 结果 大概模拟下 hitTest 方法的大概实现

- (UIView*)hitTest:(CGPoint)point withEvent:(UIEvent *)event

{

    // 如果交互未打开,或者透明度小于0.05 或者 视图被隐藏

    if (self.userInteractionEnabled == NO || self.alpha < 0.05 || self.hidden == YES)

    {

        return nil;

    }

    // 如果 touch 的point 在 self 的bounds 内

    if ([self pointInside:point withEvent:event])

    {

        for (UIView *subView in self.subviews)

        {

            //进行坐标转化

            CGPoint coverPoint = [subView convertPoint:point fromView:self];

          // 调用子视图的 hitTest 重复上面的步骤。找到了,返回hitTest view ,没找到返回有自身处理

            UIView *hitTestView = [subView hitTest:coverPoint withEvent:event];

            if (hitTestView)

            {

                return hitTestView;

            }

        }

        return self;

    }

    return nil;

}

步骤文字说明

1、首先在当前视图的hitTest方法中调用pointInside方法判断触摸点是否在当前视图内

2、若pointInside方法返回NO,说明触摸点不在当前视图内,则当前视图的hitTest返回nil,该视图不处理该事件

3、若pointInside方法返回YES,说明触摸点在当前视图内,则从最上层的子视图开始(即从subviews数组的末尾向前遍历),遍历当前视图的所有子视图,调用子视图的hitTest方法重复步骤1-3

4、直到有子视图的hitTest方法返回非空对象或者全部子视图遍历完毕

5、若第一次有子视图的hitTest方法返回非空对象,则当前视图的hitTest方法就返回此对象,处理结束

6、若所有子视图的hitTest方法都返回nil,则当前视图的hitTest方法返回当前视图本身,最终由该对象处理触摸事件

结合下面的例子理解上面的步骤 :


其中 : 红点为touch 点

当点击ViewE时,hitTest执行顺序如下:

先看看点击大致走向图如下,其中,✅部分为执行pointInside为YES部分,X部分执行pointInside为NO部分,最终hitTest返回ViewE。

1、首先调用ViewA的hitTest方法,由于触摸点在其范围内,pointInside返回YES,遍历其子视图,依次调用ViewB和ViewC的hitTest方法

2、执行ViewB的hitTest方法,由于触摸点是不在ViewB内,其pointInside方法返回NO,hitTest返回nil

3、执行ViewC的hitTest方法,由于触摸点是在ViewC内,其pointInside方法返回YES,遍历其子视图,依次调用ViewD和ViewE的hitTest方法

4、执行ViewD的hitTest方法,由于触摸点是不在ViewD内,其pointInside方法返回NO,所以其hitTest返回nil

5、执行ViewE的hitTest方法,由于触摸点是在 ViewE内,其pointInside方法返回YES,由于其没有子视图了,其hitTest返回其本身

6、最终,由ViewE来响应该点击事件

五、hitTest的运用场景

1、事件穿透

青色的遮罩层(maskView) 在黄色 按钮(btn) 的上层,即 视图的添加顺序为,先添加 黄色 按钮(btn),再添加 青色的遮罩(maskView)。 有这么个需求,点击按钮修改maskView 的背景颜色。

注意 : btn 和 maskview 有重叠部分。视图都添加到UIViewController.view 。

1>、首先,调用UIViewController.view的hitTest。

2>、其次,遍历子视图,进行坐标转化,判断 point 是否在 bounds 内,发现 maskview 和 btn 都满足

3>、再者,调用maskview 和 btn 的hitTest 方法,到这里,我们的目标的hitText View 很显然是btn,那么我们自然就很容易想到,根据 maskview 的isa 找到 类对象,在类对象 重写 hitTest 方法,当hitTestview == self ,返回nil 即可。这样,事件就别 btn 捕获到。代码如下:

- (UIView*)hitTest:(CGPoint)point withEvent:(UIEvent *)event

{

    UIView *hitTestView = [super hitTest:point withEvent:event];

    if (hitTestView == self)

    {

        return nil;

    }else

    {

        return hitTestView;

    }

}

2、子视图超出父视图 范围

发布按钮已然已经超出tabbar的范围,那么该按钮是如何响应点击事件的?

要让中间按钮响应点击超出TabBar按钮部分的点击事件,则需要重写TabBar的hitTest方法了,在执行hitTest方法时,判断点击区域在中间按钮的区域,则返回中间按钮,响应该事件,代码如下:

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {

    //将当前tabbar的触摸点转换坐标系,转换到中间按钮的身上,生成一个新的点

    CGPoint newP = [self convertPoint:point toView:self.centerBtn];

      //判断如果这个新的点是在中间按钮身上,那么处理点击事件最合适的view就是中间按钮

      if ( [self.centerBtn pointInside:newP withEvent:event])

      {

            return self.centerBtn;

      }

    return [super hitTest:point withEvent:event];

}//重写hitTest方法,去监听中间按钮的点击,目的是为了让凸出的部分点击也有反应

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,406评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,732评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,711评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,380评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,432评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,301评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,145评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,008评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,443评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,649评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,795评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,501评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,119评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,731评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,865评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,899评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,724评论 2 354