iOS超出容器范围的子控件点击事件（地图点标）

我们都知道，通过设置视图View的clipToBounds=NO属性能够允许子View超过父View， 但是超出父View的部分不会响应手势事件。

之所以产生了这篇文章，是因为在实际的开发过程中，为了配合UI设计还有一些用户体验，我们需要让子View在超出父控件后，仍然可以响应点击事件。

一个常见的场景是Tab栏，比如：

6CE0EB4C-FB25-4CD0-B43D-8CDEF7F3573C.png

另一个场景就是地图应用的点标，使用过百度地图和高度地图的SDK，我发现点标的选中事件都坐落在图标上，不管将点标VIEW的bounds设置多大都无济于事。这就很尴尬了。因为我们有可能还需要在图标的上方或下方加入标题文字，而这个文字很可能超出了整个点标控件，并且由于用户习惯会去点击文字，因此我们需要让用户点击文字时也触发点标的选中事件。

32290F43-2C08-4D75-82CC-B66EF23B0585.png

诸如此类应用场景中，我们需要重写View的手势响应方法，以地图点标为例：

// 地图标点视图  AnnotationView
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    // 如果View不为空，代表触摸的位置有视图拦截了这个事件
    UIView *view = [super hitTest:point withEvent:event];
    if (view == nil) {
        for (UIView *subView in self.subviews) {
            CGPoint myPoint = [subView convertPoint:point fromView:self];
            // 判断触摸的位置是否存在自己的子控件，即便这个子控件超出了父视图的范围
            if (CGRectContainsPoint(subView.bounds, myPoint)) {
                // 返回一个拦截事件的对象，这个对象可以是self，也可以是具体的子控件
                return self;
            }
        }
    }
    return view;
}

用户点击屏幕时，系统会将事件分发给所有可见视图的hitTest方法，如果该方法返回的是nil，则表示该视图不处理手势事件，反之则捕获该事件。
当方法返回nil的时候，我们可以追加判断，是否‘点在了超出容器范围的子控件上’，如果是则拦截事件。