我们都知道,通过设置视图View的clipToBounds=NO属性能够允许子View超过父View, 但是超出父View的部分不会响应手势事件。
之所以产生了这篇文章,是因为在实际的开发过程中,为了配合UI设计还有一些用户体验,我们需要让子View在超出父控件后,仍然可以响应点击事件。
一个常见的场景是Tab栏,比如:
另一个场景就是地图应用的点标,使用过百度地图和高度地图的SDK,我发现点标的选中事件都坐落在图标上,不管将点标VIEW的bounds设置多大都无济于事。这就很尴尬了。因为我们有可能还需要在图标的上方或下方加入标题文字,而这个文字很可能超出了整个点标控件,并且由于用户习惯会去点击文字,因此我们需要让用户点击文字时也触发点标的选中事件。
诸如此类应用场景中,我们需要重写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的时候,我们可以追加判断,是否‘点在了超出容器范围的子控件上’,如果是则拦截事件。