1. 需求

自定義tabBar.png

如圖所示，有時候，傳統(tǒng)的4個tabBarButton不能滿足我們的要求，比如說我們想多添加一個plusButton，這個plusButton的樣式明顯與其它的4個tabBarButton不同。

2. 設(shè)計思路

2.1 利用KVC替換掉系統(tǒng)自帶的tabBar

在自定義的SCTabBarController里面做一些操作，替換掉系統(tǒng)自帶的tabBar

    SCTabBar *newDefinedTabBar = [[SCTabBar alloc]init];
    [self setValue:newDefinedTabBar forKey:@"tabBar"];

2.2 添加子navigationController控制器作為tabbarController的item。

完成步驟1后，再執(zhí)行系統(tǒng)添加子控制器的操作，這時候，相關(guān)聯(lián)的tabBarButton其實是與新的SCTabBar相關(guān)聯(lián)了

    HomeViewController *homeVC = [[HomeViewController alloc]init];
    [self addViewControlerWithController:homeVC title:@"首頁" tabBarItemImageName:@"tabbar_home" selectedTabBarItemImageName:@"tabbar_home_selected"];

2.3 創(chuàng)建并添加plusButton

可以在SCTabBarController里添加子plusButton，設(shè)置其位置在中間顯示
但最好是放在自定義的SCTabBar里面

- (instancetype)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame]) {
        //1.將button加入到self.tabBar中去，并設(shè)置其frame
        UIButton *button = [[UIButton alloc]initWithFrame:CGRectMake(0,0,64,44)];
        [button setBackgroundImage:[UIImage imageNamed:@"tabbar_compose_button"] forState:UIControlStateNormal];
        [button setBackgroundImage:[UIImage imageNamed:@"tabbar_compose_button_highlighted"] forState:UIControlStateHighlighted];
        [button setImage:[UIImage imageNamed:@"tabbar_compose_icon_add"] forState:UIControlStateNormal];
        [button setImage:[UIImage imageNamed:@"tabbar_compose_icon_add_highlighted"] forState:UIControlStateHighlighted];
        [self addSubview:button];
        
        [button addTarget:self action:@selector(plusButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
    }
    return self;
}

2.4 重寫layoutSubViews方法，對其子控件進(jìn)行重新布局

- (void)layoutSubviews{
    [super layoutSubviews];
    
    //重新排布tabBar的位置
    int count = 5;
    NSLog(@"self.subViews.count=%ld",self.subviews.count);
    CGFloat width = self.width / count*1.0f;
    CGFloat height = self.height;
    CGFloat  tabBarButtonIndex = 0;
    for (UIView *subView in self.subviews) {
        
        //設(shè)置center的中心位置
        if ([subView isKindOfClass:[UIButton class]]) {
            NSLog(@"self.centerX is %f",self.centerX);
            subView.centerX = self.centerX;
        }
        
        Class classStr = NSClassFromString(@"UITabBarButton");
        if ([subView isKindOfClass:classStr]) {
            subView.width = width;
            subView.height = height;
            subView.x = width * tabBarButtonIndex;
            
            tabBarButtonIndex++;
            if (tabBarButtonIndex==2) {
                tabBarButtonIndex++;
            }
        }
    }
}