自定义UITabBar－－实现类似新浪微博中间的发送按钮

之前公司提出一个需求，让点击tabBar上中间的一个按钮然后发送一些内容，效果就像新浪微博中中间的发送按钮。可由于公司有其他的功能需求所以这个需求也一直没有真正地下达。最近看一个网上的视频教程，发现有一个自定义的tabBar正好和公司之前的需求吻合，于是就将代贴出来了。

代码：

首先自定义个tabBar,这个tabBar是继承自UITabBar的。然后将系统的tabBar替换。

- (void)setTabBarButton{

    

    LSTabBar * tabBar = [[LSTabBar alloc] init];

    

    [self setValue:tabBar forKeyPath:@"tabBar"];

}

在自定义的tabBar中 调整各个tabBarButton的位置，并添加一个按钮作为tabBar上的发送按钮.

- (UIButton *)plushBtn{

    

    if (_plushBtn == nil) {

        UIButton * plustBtn = [UIButton buttonWithType:UIButtonTypeCustom];

        _plushBtn = plustBtn;

        [_plushBtn setBackgroundImage:[UIImage imageNamed:@"tabBar_publish_icon"] forState:UIControlStateNormal];

        [_plushBtn setBackgroundImage:[UIImage imageNamed:@"tabBar_publish_click_icon"] forState:UIControlStateHighlighted];    // 高亮状态

        [_plushBtn sizeToFit];  // 自适应图片的大小

        // 只添加一次

        [self addSubview:_plushBtn];

    }

    return _plushBtn;

}

- (void)layoutSubviews{

    

    [super layoutSubviews];

    NSInteger num = self.items.count + 1;  // tabBarButton的个数

    CGFloat btnW = self.frame.size.width / num;

    CGFloat btnH = self.frame.size.height;

    // 调整tabBatButton的位置

    NSInteger i = 0;

    for (UIView * tabBarButton in self.subviews) {

        if ([tabBarButton isKindOfClass:NSClassFromString(@"UITabBarButton")]) {

            

            if (i == 2) {   // 如果是第三个按钮则右移一个位置

                i += 1;

            }

            tabBarButton.frame = CGRectMake(btnW*i, 0, btnW, btnH);

            i ++;

        }

    }

    self.plushBtn.center = CGPointMake(self.frame.size.width * 0.5, self.frame.size.height * 0.5);

    

}

我还有一个 疑问，为什么要使用自定义tabBar，然后在tabBar中调整tabBarButton的位置呢？

我可以在tabBarController上添加五个（以微博为例）子控制器（正好tabBar上tabBarButton的位置不用调整了），然后在中间的位置上添加一个自己定义的按钮作为发送按钮。这个发送按钮添加的时间很关键，如果是在viewDidLoad中添加就会被系统的tabBatButton所覆盖，无法进行点击，可如果在 viewDidAppear方法中添加自定义的发送按钮则可覆盖系统的tabBarButton(中间位置)，这样就可以点击中间的发送按钮了。这样同样实现了我们所想要的效果。不知这种方法可取吗？ 如有人看了我的疑问且有好的回答，愿写下您的回答。谢谢！