如何定义凸字型tabBar

自定义TabBar按钮点击解决方案

最新推荐文章于 2023-06-24 06:27:04 发布

weixin_33985507

最新推荐文章于 2023-06-24 06:27:04 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

文章标签： python

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

本文介绍了一种解决自定义TabBar中间按钮点击失效的问题。通过重写hitTest方法来判断点击位置是否位于中间按钮的范围内，从而使得超出TabBar边界的按钮也能正常响应点击事件。

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