最近在仿写映客的时候遇到该效果,最后虽然通过查资料解决了,但也遇到了些问题,在此记录其中需要注意的一些细节,以便供大家参考.
-
先上效果图:
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,到此为止就结束了!
因技术有限,不足之处欢迎大家指正!共同学习进步!
