ios 超出父控件区域支持点击事件

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

图 1

当按钮超出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。

比如以下这个图

图 2

当我去点击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的区域从这样：

图 3

变成了这样:

图 4

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

2017年3月1日更新

针对gwk_ios提问，我首先表示感谢，我们有必要把这个问题拿出来，研究一下。
让我们先看个图：

图 5

恩，这图似乎有点大。不过没事。
gwk_iost提出了2个问题

如果- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event 方法只要return yes 就能点击超出父view边界的子view上的button呢

这样做实际上会有一个问题，如上图，如果在View A中，先添加View B(包含了Button A),再添加Button B，那么再点击Button B时，Button B的方法会被正确触发。
但是，[如果在View A中，先添加Button B,再添加View B(包含了Button A)],这个时候，你会发现，点击Button B时，方法无法被正确触发了。因为你在点击View A内的任意位置时，系统会优先调用View B 的pointInSide: WithEvent:方法，这时候你返回YES,就截断了事件，包括点击Button B。

那么 - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event 内if判断该怎么写呢

其实point会返回的坐标是基于该View的坐标系(所以超出该View时，可能会出现负数)，以iphone 7的屏幕大小为例子:

图 6

- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{    if (CGRectContainsPoint(CGRectMake(0, 0, 87.5, 100),point)||CGRectContainsPoint(CGRectMake(87.5, -100, 200, 200), point)||CGRectContainsPoint(CGRectMake(287.5, 0, 87.5, 100),point)) {        return YES;    }    return NO;}

Enjoy :)