iOS-Tabbar子视图超过父视图点击效果处理

96
励志当学霸的皮皮
2016.12.22 19:07* 字数 765

最近在仿写映客的时候遇到该效果,最后虽然通过查资料解决了,但也遇到了些问题,在此记录其中需要注意的一些细节,以便供大家参考.

  • 先上效果图:


    topClick.gif

Tabbar的实现也是常规思路,自定义tabbar,中间部分是一个UIButton.然后通过KVC替换系统的,此处就不做赘述.

实现思路

众所周知,当子视图超出父视图后,超出的部分是无法响应点击事件的,因此我们可以重写系统的方法,来调整可点击区域

  • 1.在自定义的tabbar实现文件中重写- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event这个方法.该方法的作用是,判断当前的点击或者触摸事件的点是否在当前的view中.尽管重写这个方法也可以实现,但是需要自己计算以及判断条件稍微复杂.因此,不推荐大家用,下方会贴代码.
  • 2.推荐大家重写- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event这个方法.该方法返回的view为处理事件最合适的view.说到处理事件最合适的view,要简单的说一下点击事件的处理过程:
    • 当触摸事件产生后,系统会将该事件加入到由UIApplication管理的事件队列中
    • UIApplication会从事件队列中取出最前面的事件,并将事件分发下去以便处理,通常会把事件首先发给主窗口即KeyWindow去处理.
    • KeyWindow会在视图层次结构中找到一个最合适的视图来处理触摸事件
    • 找到合适的视图控件后,就会调用视图控件的touches方法来作事件的具体处理:touchesBegan,touchesMoved,touchedEnded...等
    • 这些touches方法默认的做法是将事件顺着响应链条向上传递,将事件交给上一个响应者进行处理,如果父控件不能接受事件, 那么子控件就不能接受事件

在重写的方法中,我们需要先判断self.isHidden的状态,这重判断是为了防止在push到其他页面,点击底部中间部分,按钮也会响应的bug!(此处需要注意!!!)。然后判断手指点击的位置是否是在中间按钮上,是的话我们就返回button,不是的话就让系统自己去处理.

上代码

第一种方法的代码:

 - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {
    
    //转换坐标到中间按钮,生成一个新的点
    CGPoint pointInCenterBtn = [self convertPoint:point toView:self.centerBtn];
    
    CGPoint middleBtnCenter = CGPointMake(40, 40);
    
    //pow函数 pow(x,y)  其作用是计算x的y次方
    //sqrt函数是C语言中的平方根函数
    
    //计算出距离
    CGFloat distance = sqrt(pow(pointInCenterBtn.x - middleBtnCenter.x, 2) + pow(pointInCenterBtn.y - middleBtnCenter.y, 2));
    if (pointInCenterBtn.y < 3.5 || (distance > 40 && pointInCenterBtn.y < 18)) {
        return NO;
    }
    
    return YES;
}

计算距离的时候需要用到C语言中的pow函数和sqrt函数,判断条件稍显复杂.

第二种方法的代码:

// 方法返回的view为处理事件最合适的view
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    UIView *view = [super hitTest:point withEvent:event];
    if (!self.isHidden) { //此处一定要做判断!防止因push导致界面也会响应按钮点击事件的bug
        //转换坐标到中间按钮,生成一个新的点
        CGPoint pointInCenterBtn = [self convertPoint:point toView:self.centerBtn];
        //判断  如果该点是在中间按钮,那么处理事件最合适的View,就是这个button
        if ([self.centerBtn pointInside:pointInCenterBtn withEvent:event]) {
            return self.centerBtn;
        }
        return view;
    }
    return view;
    
}

最后一点需要注意的是,其实每次去调用- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event之前都会调用- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event该方法来确定触摸点是否在该View内。

OK,到此为止就结束了!
因技术有限,不足之处欢迎大家指正!共同学习进步!

日记本
Web note ad 1