如何定义凸字型tabBar

最新推荐文章于 2023-08-01 11:58:43 发布

weixin_33985507

最新推荐文章于 2023-08-01 11:58:43 发布

阅读量112

点赞数

文章标签： python

原文链接：https://my.oschina.net/dahuilang123/blog/779512

版权

2019独角兽企业重金招聘Python工程师标准>>>

在创建项目时经常有这样的需求，tabbar 中间凸起如下图

图例是一个自定义Tabbar （其实就是一个View上面添加了三个按钮，让他们成品字形排布）
但是问题来了，由于中间的按钮上半部分超出了tabBar,导致点击上半部分按钮失效，网上有好多实现该效果的方法，有的是在底部放一个image，给用户一种假象（其实看到的凸子形只是一个背景图片，实际上tabbar比看到的大，完全包括了中间的button，这样点击中间按钮没可以响应了，个人感觉不太好）
现在使用一个新方法如下

#pragma mark-重写响应触摸事件
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event{
    //判断点击点是否在中间按钮上面 （注意此时的point是相对tabBar的坐标）
    if (CGRectContainsPoint(self.liveButton.frame, point)) {
        return self.liveButton;
    }else{
        return  [super hitTest:point withEvent:event];
    }
}

即只需要在自定义tabBar中重写- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event方法进行判断即可，如果点击点在中间按钮的frame内，就返回中间按钮。这样就实现了需求

转载于:https://my.oschina.net/dahuilang123/blog/779512