用UIButton来覆盖tabBarButton注意事项

屏幕快照 2016-10-19 10.43.49.png

需求目的

见上图,在设计tabBar中间这种类似"发布"功能的按钮,需要它点击时候有高亮效果,但是tabBarButton无法设置它的高亮状态.

tabBarButton显示什么内容是由它的控制器的一个叫tabBarItem的属性来决定的.

用UIButton来覆盖tabBarButton时候会出现一个BUG: 点击时候UIButton没有反应,反而tabBarButton有反应.

产生原因:

系统默认tabBarButton是在viewWillAppear方法里面的super方法时候添加的,
而UIButton我们一般是在viewDidLoad方法里面添加,
viewWillAppear方法是在viewDidLoad之后才调用的,
所以tabBarButton会覆盖在UIButton上面,所以tabBarButton就响应点击事件了

解决办法:

1.把当前tabBarItem的enabled属性设置为NO(简单粗暴)
nc2.tabBarItem.enabled = NO

2.把添加UIButton的代码写在viewWillAppear方法里面的super方法下面.

实现代码

先在tabBarController中创建一个控制器(随意,这里用UIViewController即可),加入到tabBarController中用来在tabBar中占位置,并使它对应的tabbarItem不能响应点击

//创建"发布"占位控制器
    UIViewController *vc2 = [[UIViewController alloc] init];
    vc2.view.backgroundColor = [UIColor redColor];
    [self addChildViewController:vc2];
    //把tabBarController对应的子控制器的tabBarItem属性设置为NO
    vc2.tabBarItem.enabled = NO;

在UITabBarController中提供一个方法用来创建按钮

//tabBar添加"发布"的按钮
-(void)addPublishBtn
{
    //创建按钮并设置按钮的图片及大小
    UIButton *pubBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [pubBtn setImage:[UIImage imageNamed:@"tabBar_publish_icon"] forState:UIControlStateNormal];
    [pubBtn setImage:[UIImage imageNamed:@"tabBar_publish_click_icon"] forState:UIControlStateHighlighted];
    //注意要给按钮设置完尺寸之后再设置它的位置,不能调换顺序,不然会有错
    [pubBtn sizeToFit];
    [self.tabBar addSubview:pubBtn];
    //设置按钮的位置
    pubBtn.center = CGPointMake(0.5 * self.tabBar.bounds.size.width, 0.5 * self.tabBar.bounds.size.height);
}