热门搜索 :
考研考公
您的当前位置:首页正文

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的时候,我们可以追加判断,是否‘点在了超出容器范围的子控件上’,如果是则拦截事件。

Top