ios Hit-Test

2018-09-01  本文已影响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

上一篇 下一篇

猜你喜欢

热点阅读