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方法,去监听中间按钮的点击,目的是为了让凸出的部分点击也有反应

你可能感兴趣的:(iOS hitTest button在视图外也能响应事件)