超出父视图的视图点击响应

来源:互联网 发布:软件研发成本 会计准则 编辑:程序博客网 时间:2024/06/07 15:13

标题中的需求其实常常能遇到,如下图


屏幕快照 2016-04-08 下午1.07.00.png

当按钮超出Tab bar的view后,那么其实按钮超出的部分是无法被点击的。那么先来说说解决办法

1.我们重写蓝色view的- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event的方法

  - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{    //if内的条件应该为,当触摸点point超出蓝色部分,但在黄色部分时    if (.....){     return YES;    }    return NO;  }

那么以上为什么能解决方法?

这和iOS的事件分发机制 hit-Testing有关,简单的说,hit-Testing的作用就是找出你每次触摸屏幕,点到的究竟是哪个view。

比如以下这个图


屏幕快照 2016-04-08 下午1.38.09.png

当我去点击View-C的时候,hit-Testing实际上是这样检测的
1.首先,视图会先从View-A开始检查,发现触摸点在View-A,所以检查View-A的子视图View-B。
2.发现触摸点在View-B内,好棒!看看View-B内的子视图View-C。
3.发现触摸点在View-C内,但View-C没有子视图了,所以View-C是此次触摸事件的hit-TestView了。

那么UIView中其实提供了两个方法来确定hit-TestView
1.- (UIView )hitTest:(CGPoint)point withEvent:(UIEvent )event;
2.- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event;//这个就是我们上面重写的方法

注意其实在每次递归去调用hitTest:(CGPoint)point withEvent:(UIEvent *)event之前,都会调用pointInside:withEvent:来确定该触摸点是否在该View内。

所以当我们重写pointInside:(CGPoint)point withEvent:(UIEvent *)event后,其实我们的点击后调用hitTest来递归的找hit-TestView的区域从这样:

屏幕快照 2016-04-08 下午2.19.55.png
变成了这样:

屏幕快照 2016-04-08 下午2.20.43.png

这样当我们愉快的点击上半凸起的区域时,hit-Testing便回去检查蓝色视图内的子视图,即黄色区域。从而来完成此次触摸事件。
Enjoy :)



hitTest Hacking the responder chain
在此例子中button,scrollview同为topView的子视图,但scrollview覆盖在button之上,这样在在button上的触摸操作返回的hit-test view为scrollview,button无法响应,可以修改topView的hitTest:withEvent:方法如下:

 

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




文/Victor_ding(简书作者)
原文链接:http://www.jianshu.com/p/638dd6585630
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
1 0
原创粉丝点击