响应者链详解——寻找被触摸的view

寻找被触摸的View.jpg

在iOS系统中,当用户触摸了一个view后,一个完整的事件响应是分为两个过程的:

  1. 寻找被触摸的view;
  2. 处理触摸事件;

在本篇文章中我要介绍的是第一个过程。
每个UIView都有一个subViews数组(UIWindow也是UIView),最先添加的subView成为其第0个元素,后来添加的今次成为第1,2,...个元素。
每个UIView都有方法一:-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event ;方法二:-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event;

下面我们将以这个例子来阐述:

Paste_Image.png

view0为ViewController的view,view1和view2被添加在view0上(先添加view1再添加view2)。
如果用户点击了view1。

  • 系统会检测到手指触摸事件并将其放入当前活动Application的事件队列中,UIApplication会从事件队列中取出触摸事件并传递给key window ;
  • 然后key window会执行方法一,该方法会先调用方法二,此时由于触摸点是在key window的范围内,方法二会返回YES;然后key window会给view0发hitTest:消息(即让view0执行方法一),其方法一又调用其方法二,方法二还是会返回YES;
  • 然后view0会给view2发hitTest:消息(view2执行其方法一),调用其方法二,此时由于点击的是view1,触摸点不在view2的范围内,方法二会返回NO,view2的方法一返回nil;
  • 然后view0会再给view1发hitTest:消息(view1执行其方法一),调用其方法二,触摸点在view1范围内,方法二返回YES,由于view1的subViews中没有元素了,其方法一将view1自己返回。此时,view1就作为被触摸的view被找到了。

如果用户点击了view0(触摸点不在view1或view2上)。

  • view1的view2的方法二都返回NO,它们的方法一都返回nil,此时,view0的方法一将view0返回,view0作为触摸的view被找到了。

view找到了,我们来作个总结:

  • 首先调用当前视图的pointInside:withEvent:方法判断触摸点是否在当前视图内;
  • 若返回NO,则hitTest:withEvent:返回nil;
  • 若返回YES,则向当前视图的所有子视图(subviews)发送hitTest:withEvent:消息,所有子视图的遍历顺序是从top到bottom,即从subviews数组的末尾向前遍历,直到有子视图返回非空对象或者全部子视图遍历完毕;
  • 若有子视图返回非空对象,则hitTest:withEvent:方法返回此对象,处理结束(不再对其它子视图发送hitTest:消息);
  • 如所有子视图都返回非,则hitTest:withEvent:方法返回自身(self)。
    * 来自——hitTest:withEvent:方法流程 *

最后,我们再来为其写一个应用实例,

Paste_Image.png

如图:topview作为ViewController的view,view1,view2都是topView的子视图,但view1覆盖在view2。
如果不作处理,我们是没法点击到view2的,因为被view1遮住了,这里我们设置view1的alpha为0.8,方便我们观察。那么我们就来处理这个问题吧!
ViewController.m

@interface ViewController ()

@property(strong, nonatomic)UIView *mView0;
@property(strong, nonatomic)UIView *mView1;
@property(strong, nonatomic)TestView0 *mTopView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    _mTopView = [[TestView0 alloc]initWithFrame:self.view.bounds];
    self.view = _mTopView;
}

@end

TestView0.m

#import "TestView0.h"
@interface TestView0()
@property(strong, nonatomic)UIButton *mView1;
@property(strong, nonatomic)UIButton *mView2;
@end 

@implementation TestView0
-(instancetype)initWithFrame:(CGRect)frame{
    self = [super initWithFrame:frame];
    if (self) { 
        self.backgroundColor = [UIColor whiteColor];
        _mView1 = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 300, 400)];
        _mView2 = [[UIButton alloc]initWithFrame:CGRectMake(20, 100, 200, 200)];
        [_mView1 addTarget:self action:@selector(view1Action) forControlEvents:UIControlEventTouchUpInside];
        [_mView2 addTarget:self action:@selector(view2Action) forControlEvents:UIControlEventTouchUpInside];
        
        _mView1.backgroundColor = [UIColor orangeColor];
        _mView2.backgroundColor = [UIColor greenColor];
        
        _mView1.alpha = 0.8;
        
        [self addSubview:_mView2];
        [self addSubview:_mView1];
    }
    return self;
}

-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event{
    UIView *result = [super hitTest:point withEvent:event];
    CGPoint clickPoint = [_mView2 convertPoint:point fromView:self];
    if ([_mView2 pointInside:clickPoint withEvent:event]) {
        return _mView2;
    }
    return result;
}

 
-(void)view1Action{
    self.backgroundColor = [UIColor purpleColor];
}

 -(void)view2Action{
    self.backgroundColor = [UIColor redColor];
}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    self.backgroundColor = [UIColor whiteColor];
}

@end ```

结果:

![点击view2区域](http://upload-images.jianshu.io/upload_images/2069613-80b1c8c213d8e395.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![点击view1的其它区域](http://upload-images.jianshu.io/upload_images/2069613-e31b9211b6ff46ce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


![点击topView](http://upload-images.jianshu.io/upload_images/2069613-68797ee2640182a8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)



参考:[hitTest:withEvent:方法流程](http://blog.csdn.net/jiajiayouba/article/details/23447145)

推荐阅读更多精彩内容