什么是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流程如下:
- A是UIWindow的根视图,因此,UIWindow对象会首先对A进行hit-test;
- 显然用户点击的范围是在A的范围内,因此,pointInside:withEvent:返回了YES,这时会继续检查A的子视图;
- B view分支的pointInside:withEvent:返回NO,对应的hitTest:withEvent:返回nil;
- 点击的范围在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也了解的差不多了。开始你的表演!!
网友评论