转载

iOS自定义Tabbar

因为公司需求，苹果的原生tabBar已经不能满足本人类的需求，我在网上查了下，觉得还是自己写一个tabBar比较好。

虽然是自定义tabBar，还是在原生基础上写

基本思路就是：隐藏系统原生tabBar，自己写一个tabView（一个自定义View）放在底部当成tabBar，在点击View上面的button的时候调用原生方法，实现控制器切换

可以实现的功能：

1 可以自己随意的隐藏显示tabBar，实现一些关于tabBar的动画，所有的一切只需要设置tabView就可以了

2 可以自定义tabBar的样式，在tabBar上添加背景图，添加气泡等等完全无压力

在网上找了一个别人写好的tabBar，然后自己修改了一下，立即就可以实现需求，非常方便

CBTabBar

只有两个类

iOS自定义Tabbar

CBTabBarViewController的.h代码

 #import <UIKit/UIKit.h>  /*  *可以实现隐藏tabBar功能  */   @interface CBTabBarViewController : UITabBarController -(void)hidCBTabbar:(BOOL)ishid; @property (nonatomic, strong) NSArray           * imageNameArray; @property (nonatomic, strong) NSArray           * imageName_sel_Array; -(instancetype)initWithImageArray:(NSArray *)array andImageSelArray:(NSArray *)selArray; -(void)setSelectedButton:(NSUInteger)selectedIndex; @end

CBTabBarViewController的.m代码

#import "CBTabBarViewController.h" #import "CBTabBarButton.h" @interface CBTabBarViewController (){     UIView * myView;     NSMutableArray * _buttonArray; } @property (nonatomic, weak) UIButton *selectedBtn; @end  @implementation CBTabBarViewController  -(instancetype)initWithImageArray:(NSArray *)array andImageSelArray:(NSArray *)selArray{     self = [super init];     if (self) {                   self.imageNameArray = array;         self.imageName_sel_Array = selArray;         [self loadSubView];//添加自定义tabBar     }     return self; }  - (void)viewDidLoad {     [super viewDidLoad];          self.imageNameArray = [NSArray array];     self.imageName_sel_Array = [NSArray array];     _buttonArray = [[NSMutableArray alloc] init]; }  -(void)loadSubView{               //删除现有的tabBar     CGRect rect = self.tabBar.frame;     [self.tabBar removeFromSuperview];  //移除TabBarController自带的下部的条                    //添加自己的视图     /*      *tabBar的底部View      *背景图，button都会添加到这个myVIew上面      *可以自己添加其他View      */     myView = [[UIView alloc] init];     myView.frame = rect; //    myView.backgroundColor = [UIColor redColor];     [self.view addSubview:myView];                    //给tabBar添加自定义背景图     UIImageView * imageView = [[UIImageView alloc] init];     imageView.image = [UIImage imageNamed:@"tabBarBGImg"];     imageView.frame = CGRectMake(0, 0, myView.frame.size.width, myView.frame.size.height);     [myView addSubview:imageView];                if (self.imageName_sel_Array.count < 1 || self.imageNameArray.count < 1) {         return;     }     [_buttonArray removeAllObjects];     for (int i = 0; i < 5; i++) {                  CGFloat x = i * myView.frame.size.width / 5;                  UIView * view = [[UIView alloc] initWithFrame:CGRectMake(x, 2, myView.frame.size.width / 5, myView.frame.size.height)];         [myView addSubview:view];         if (i == 2) {             view.frame = CGRectMake(x, 0, myView.frame.size.width / 5, myView.frame.size.height);         }                           //tabber 上面的button         CBTabBarButton *btn = [[CBTabBarButton alloc] init];                  NSString *imageName = [self.imageNameArray objectAtIndex:i];         NSString *imageNameSel = [self.imageName_sel_Array objectAtIndex:i];                  [btn setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];         [btn setImage:[UIImage imageNamed:imageNameSel] forState:UIControlStateSelected];                  btn.tag = i;//设置按钮的标记, 方便来索引当前的按钮,并跳转到相应的视图         [btn addTarget:self action:@selector(clickBtn:) forControlEvents:UIControlEventTouchUpInside];                  btn.center = CGPointMake(view.frame.size.width / 2, view.frame.size.height / 2);         btn.bounds = CGRectMake(0, 0, 40, 40);                  [view addSubview:btn];         [_buttonArray addObject:btn];                   //设置刚进入时,第一个按钮为选中状态         if (0 == i) {             btn.selected = YES;             self.selectedBtn = btn;  //设置该按钮为选中的按钮         }       } }   //通过点击tabBar上面的button来跳转控制器 - (void)clickBtn:(UIButton *)button {     //1.先将之前选中的按钮设置为未选中     self.selectedBtn.selected = NO;     //2.再将当前按钮设置为选中     button.selected = YES;     //3.最后把当前按钮赋值为之前选中的按钮     self.selectedBtn = button;     //4.跳转到相应的视图控制器. (通过selectIndex参数来设置选中了那个控制器)     self.selectedIndex = button.tag; }  //调用此方法来跳转控制器 -(void)setSelectedButton:(NSUInteger)selectedIndex{     //1.先将之前选中的按钮设置为未选中     self.selectedBtn.selected = NO;     //2.从buttonarray中找到当前button     UIButton * button = [_buttonArray objectAtIndex:selectedIndex];     //3.最后把当前按钮赋值为之前选中的按钮     button.selected = YES;     //4.跳转到相应的视图控制器. (通过selectIndex参数来设置选中了那个控制器)     self.selectedIndex = selectedIndex; }  //通过设置View的透明度来隐藏tabBar -(void)hidCBTabbar:(BOOL)ishid{     if (ishid) {         myView.alpha = 0;     }else{         myView.alpha = 1;     } }

CBTabBarButton.m代码

-(void)setHighlighted:(BOOL)highlighted{     //只需要取消高亮，这里什么都不用写 }

调用tabBar的代码

#import "ViewController.h"  #import "CBTabBarViewController.h" #import "TestViewController.h" @interface ViewController ()  @end  @implementation ViewController  - (void)viewDidLoad {     [super viewDidLoad];               UIViewController *firstViewController = [[TestViewController alloc] init];     firstViewController.view.backgroundColor = [UIColor redColor];     UIViewController *firstNavigationController = [[UINavigationController alloc]                                                    initWithRootViewController:firstViewController];          UIViewController *secondViewController = [[TestViewController alloc] init];     secondViewController.view.backgroundColor = [UIColor yellowColor];     UIViewController *secondNavigationController = [[UINavigationController alloc]                                                     initWithRootViewController:secondViewController];          UIViewController *thirdViewController = [[TestViewController alloc] init];     thirdViewController.view.backgroundColor = [UIColor greenColor];     UIViewController *thirdNavigationController = [[UINavigationController alloc]                                                    initWithRootViewController:thirdViewController];          UIViewController *fourthViewController = [[TestViewController alloc] init];     fourthViewController.view.backgroundColor = [UIColor orangeColor];     UIViewController *fourthNavigationController = [[UINavigationController alloc]                                                     initWithRootViewController:fourthViewController];          UIViewController *fifthViewController = [[TestViewController alloc] init];     fifthViewController.view.backgroundColor = [UIColor blueColor];     UIViewController *fifthNavigationController = [[UINavigationController alloc]                                                    initWithRootViewController:fifthViewController];               NSArray * imageArray = [NSArray arrayWithObjects:@"sq_03",@"sq_05",@"zcfTabIcon",@"sousuo",@"wode",nil];     NSArray * selImageArray = [NSArray arrayWithObjects:@"sq_18",@"sq_19",@"sq_16",@"sousuo_sel",@"wode_sel",nil];          CBTabBarViewController * tabVC = [[CBTabBarViewController alloc] initWithImageArray:imageArray andImageSelArray:selImageArray];     tabVC.viewControllers = @[firstNavigationController,secondNavigationController,thirdNavigationController,fourthNavigationController,fifthNavigationController];     [tabVC setSelectedButton:0];           UIWindow * window = [[[UIApplication sharedApplication] delegate] window];     window.rootViewController = tabVC;                }

很简单的tabBar，其中的loadSubView方法可能有隐患，以后再处理

这样靠设置frame写出来的tabBar没有横屏效果，想要实现横屏效果需要自己再写约束代码

正文到此结束