美文网首页
ios Hit-Test

ios Hit-Test

作者: 赵哥窟 | 来源:发表于2018-09-01 09:08 被阅读37次

什么是Hit-Test?
要回答这个首先我们来思考另外一个问题:当我们点击界面的时候,iOS是如何知道我们点击的是哪一个View?
其实这个过程就是由Hit-Test来完成的。通过Hit-Test ,App 可以知道由那个 view 来响应事件。

下面我就简单介绍一下 hit-testing 是怎么运作的

当你点击了屏幕上的某个view,这个动作由硬件层传导到操作系统,UIKit 就会打包出一个 UIEvent 对象,然后会把这个Event分发给当前正在活跃的 App ,告知当前活动的App有事件之后,UIApplication 单例就会从事件队列中去取最新的事件,然后分发给能够处理该事件的对象。UIApplication 获取到Event之后,Application就纠结于到底要把这个事件传递给那个View来响应这个事件,这时候就要依靠HitTest来决定了。

iOS中,Hit-Test的作用就是找出这个触摸点下面的View是什么,HitTest会检测这个点击的点是不是发生在这个View上,如果是的话,就会去遍历这个View的subviews,直到找到最小的能够处理事件的view,如果整了一圈没找到能够处理的view,则返回自身
然后从sub View 又开始找。 但是问题来了 hit-testing 是以什么顺序找 SubView 的呢。就是你添加 SubView 的逆序来遍历的,换句话说就是从最顶层的 SubView 开始找。

如下图


WechatIMG24_gaitubao_com_459x614_gaitubao_com_197x264.jpeg

用户点击View D,hit-test view流程如下:

  1. A是UIWindow的根视图,因此,UIWindow对象会首先对A进行hit-test;
  2. 显然用户点击的范围是在A的范围内,因此,pointInside:withEvent:返回了YES,这时会继续检查A的子视图;
  3. B view分支的pointInside:withEvent:返回NO,对应的hitTest:withEvent:返回nil;
  4. 点击的范围在C内,即C的pointInside:withEvent:返回YES;这时候有D和E两个分支:点击的范围再D view内,因此D view的pointInside:withEvent:返回YES,对应的hitTest:withEvent:返回DView;

代码验证
新建一个BaseView基类

#import "BaseView.h"

@implementation BaseView

- (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.从后往前遍历自己的子控件
    NSInteger subViewCoutn = self.subviews.count;

    for (NSInteger i = subViewCoutn - 1; i >= 0; i--) {
        // 取subView
        UIView *childView = self.subviews[i];
        // 把当前控件上的坐标系转换成子控件上的坐标系
        CGPoint childP = [self convertPoint:point toView:childView];
        // 寻找到最合适的view
        UIView *fitView = [childView hitTest:childP withEvent:event];
        
        if (fitView) {
            return fitView;
        }
    }
    
    NSLog(@"点击了:%@",NSStringFromClass([self class]));

    // 循环结束,表示没有比自己更合适的view
    return self;
    
}

A,B,C,D,E View继承BaseView

当我们点击DView的时候控制台打印

2018-09-01 08:57:56.516949+0800 HitTest[856:19095898] 点击了:DView

Hit-Test 实战


Simulator Screen Shot - iPhone X - 2018-09-01 at 08.59.54_gaitubao_com_217x470.png

如上图,B view 增加一个Button,此时点击超出B view 范围的按钮,按钮的点击事件是不起作用的,此时控制台会打印:

2018-09-01 08:57:56.516949+0800 HitTest[856:19095898] 点击了:AView

如果用户点击超出BView 范围的按钮的点击事情也有用,此时就要用Hit-Test,我们修改一下BView的代码

B View 代码如下

#import "BView.h"

@interface BView()

@property (strong, nonatomic) UIButton *btn;

@end

@implementation BView

- (instancetype)initWithCoder:(NSCoder *)aDecoder
{
    self = [super initWithCoder:aDecoder];
    if (self) {
        [self setButton];
    }
    return self;
}

- (void)setButton
{
    self.btn = [UIButton buttonWithType:UIButtonTypeCustom];
    self.btn.frame = CGRectMake(100, -20, 150, 40);
    self.btn.backgroundColor = [UIColor blueColor];
    [self.btn setTitle:@"我是一个Button" forState:UIControlStateNormal];
    [self.btn addTarget:self action:@selector(btnAction:) forControlEvents:UIControlEventTouchUpInside];
    [self addSubview:self.btn];
}

- (void)btnAction:(UIButton *)sender
{
    NSLog(@"点击了按钮");
}

//处理超出区域点击无效的问题
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    
    if (self.isHidden == NO) {
        // 转换坐标
        CGPoint newPoint = [self convertPoint:point toView:self.btn];
        // 判断点击的点是否在按钮区域内
        if ( [self.btn pointInside:newPoint withEvent:event]) {
            //返回按钮
            return self.btn;
        }else{
            return [super hitTest:point withEvent:event];
        }
    }
    else {
        return [super hitTest:point withEvent:event];
    }
}

此时点击超出BView 范围的按钮也会输出:点击了按钮了。OK问题解决了,Hit-Test也了解的差不多了。开始你的表演!!

Demo:https://github.com/destinyzhao/HitTest

相关文章

  • 响应链

    iOS事件响应链中Hit-Test View的应用从iOS的事件响应链看TableView为什么不响应touche...

  • ios Hit-Test

    什么是Hit-Test?要回答这个首先我们来思考另外一个问题:当我们点击界面的时候,iOS是如何知道我们点击的是哪...

  • Hit-Test 原理及应用案例

    Hit-Test和响应链 什么叫 hit-test view?文档说:The lowest view in the...

  • iOS随笔 hit-test

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

  • iOS事件分发机制之 hit-Testing

    这里就解析一个事情:iOS是如何找到处理触摸事件的视图 关键词: ** Hit-Test View:The low...

  • 转载:响应者链工作原理

    响应者链 响应者链是由一个一个响应者组成的长链;响应者链定义了iOS中触摸事件的交互规则;如果hit-test检测...

  • iOS事件响应链Hit-Test View

    Hit-Test View的大致理解 官方文档: The lowest view in the view hier...

  • Hit-test 实战

    在这篇文章里,我们将探讨如何使用 hitTest:withEvent:方法来自定义view的响应区域. 抛出问题 ...

  • iOS事件响应链及hit-test原理总结

    响应者对象(UIResponder) 在iOS中不是任何对象都能处理事件,只有继承了UIResponder的对象才...

  • ios 扩大UIButton点击范围

    先了解Hit-Test请看上一篇文章https://www.jianshu.com/writer#/noteboo...

网友评论

      本文标题:ios Hit-Test

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