美文网首页iOS进阶
iOS hitTest button在视图外也能响应事件

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

作者: 蒲公英_ | 来源:发表于2019-07-11 16:14 被阅读0次

文章目录

  一、什么是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在视图外也能响应事件

    文章目录 一、什么是hitTest 二、hitTest的调用顺序 三、事件的传递顺序 四、hitT...

  • 响应链 和 处理

    响应链 寻找事件的最佳响应视图是通过对视图调用hitTest和pointInside完成的 hitTest的调用顺...

  • iOS事件响应

    iOS的事件相应 在日常的开发过程我们经常遇到子视图在父视图外面点击无响应的情况,我们通常用hitTest:wit...

  • iOS UI tips

    让超出父视图范围的子视图响应事件,在UIView范围外响应点击 iOS开发之适配iOS11让你的 UI 适配 iO...

  • UIView超出父view的部分视图的子视图响应事件

    hitTest方法决定最终响应事件的视图,不会再次分发,因此这个方法里面要直接分发到需要响应事件的视图,如上每多一...

  • iOS事件传递和视图响应

    iOS事件响应机制的事件传递流程 - (UIView *)hitTest:(CGPoint)point withE...

  • 超出父视图范围的子视图响应事件

    //重写该方法后可以让超出父视图范围的子视图响应事件 - (UIView *)hitTest:(CGPoint)p...

  • - (UIView *)hitTest:(CGPoint)poi

    解决超出父视图范围的子视图响应点击/手势等事件时,使用到以下方法 - (UIView *)hitTest:(CGP...

  • tabbar 自定义

    效果 原理 补充 由于button的位置超出tabbar范围导致无法响应用户的点击事件,通过hitTest可以解决...

  • iOS随笔 hit-test

    应用接收到touch事件,会按照事件响应链的顺序执行hitTest方法去获取touch对应的视图。 UIAppli...

网友评论

    本文标题:iOS hitTest button在视图外也能响应事件

    本文链接:https://www.haomeiwen.com/subject/dkudkctx.html