前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ios Hit-Test

ios Hit-Test

作者头像
赵哥窟
发布2018-09-13 11:43:32
1.3K0
发布2018-09-13 11:43:32
举报
文章被收录于专栏:日常技术分享

什么是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基类

代码语言:javascript
复制
#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的时候控制台打印

代码语言:javascript
复制
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 范围的按钮,按钮的点击事件是不起作用的,此时控制台会打印:

代码语言:javascript
复制
2018-09-01 08:57:56.516949+0800 HitTest[856:19095898] 点击了:AView

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

B View 代码如下

代码语言:javascript
复制
#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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.09.01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 下面我就简单介绍一下 hit-testing 是怎么运作的
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档