iOS入门之自定义tabBar及导航控制器浅谈

前言

博主已经做iOS有一段时间了，最近没有项目也不想闲着，总结一下自己学到的一些实战项目中遇到的问题以及经验，分享给刚入门的初学者，希望能帮助他们少走弯路。

本文主要谈谈自定义tabBar如何实现，导航控制器是如何设置和工作的，以及在使用中遇到的一些问题和解决方案。

正文

1、如何自定义一个tabBar，创建一个UITabBarController子类，封装一些底层处理逻辑。

.h代码，定义一些需要自定义的属性（关键代码）：

@interface ZciotBaseTabbarController : UITabBarController

@property (nonatomic,strong)NSMutableArray *navs;

@property (nonatomic,strong)NSArray *views;

@property (nonatomic,strong)NSArray *tabTitles;

@property (nonatomic,strong)NSArray *tabNorImgs;

@property (nonatomic,strong)NSArray *tabSelImgs;

@property (nonatomic,strong)UIColor *titleHighlightedColor;

@property (nonatomic,strong)UIColor *titleNorColor;

@end

.m代码，for循环设置控制器以及控制器的一些属性：

// rgb颜色转换（16进制->10进制）

#define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0]

- (void)viewDidLoad {

[super viewDidLoad];

_navs = [NSMutableArray new];

for (int i = 0 ; i<_views.count; i++) {

ZciotNavigationController *nav = [[ZciotNavigationController alloc]initWithRootViewController:_views[i]];//这里是楼主自定义的导航控制器，可以用系统的代替。

UIImage *norImg = [UIImage imageNamed:_tabNorImgs[i]];

UIImage *selImg = [UIImage imageNamed:_tabSelImgs[i]];

[norImg imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

[selImg imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

nav.tabBarItem.title = _tabTitles[i];

nav.tabBarItem.selectedImage = selImg;

nav.tabBarItem.image = norImg;

nav.topViewController.title = _tabTitles[i];//导航栏标题

[_navs addObject:nav];

}

_titleHighlightedColor = UIColorFromRGB(0xea6d66);

_titleNorColor = UIColorFromRGB(0x868686);

[[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:12],NSForegroundColorAttributeName:_titleNorColor} forState:UIControlStateNormal];

[[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:12],NSForegroundColorAttributeName:_titleHighlightedColor} forState:UIControlStateSelected];

self.viewControllers = _navs;

self.tabBarController.selectedViewController = _navs[0];//默认第一个控制器选中

self.tabBar.translucent = NO;

// Do any additional setup after loading the view.

}

2、创建一个XXXTabBarController继承上面的基类，给父类属性赋值（关键代码）：

@interface ZciotTabbarController ()

{

NSArray *vcs;

}

- (void)viewDidLoad {

ViewController *vc = [ViewController new];

ViewController1 *vc1 = [ViewController1 new];

vcs = @[vc,vc1];

super.views = vcs;

super.tabTitles = @[@"控制器1",@"控制器2"];

super.tabNorImgs = @[@"footbar_icon_off_03",@"footbar_icon_off_03"];

super.tabSelImgs = @[@"footbar_icon_off_03",@"footbar_icon_off_03"];

[super viewDidLoad];//注意该句代码一定要放到赋值之后，否则会报错，因为父类没取到值。

self.delegate = (id)self;

// Do any additional setup after loading the view.

}

最后在AppDelegate.m里设置根控制器就行了：

ZciotTabbarController *vc =[ZciotTabbarController new];

self.window.rootViewController = vc;

注意，这时候你会发现一个问题，就是：

想跳转隐藏tabBar用系统的self.navigationController.hidesBottomBarWhenPushed=YES;

根本就不管用，原因在于我的tabbar是我自定义的，所以这个命令自然就不生效了，对此我也在网上查了好多办法，有的说push的时候将tabbar移除屏幕外 回来的时候在放回来，等等，试验了一下也没试出来，后来我就想，干脆在appdelegate里面不用自定义的tabbar当根了，用navigationcontroller当根，然后把自定义tabbar类里面的viewcontroller 的导航都去掉，不就OK 了，这样当我想push的时候，什么烦恼都没有了，直接push。

这个问题引用来源：http://blog.csdn.net/yudandan10/article/details/42341501

3、关于导航控制器

这里推荐一篇优秀博客，里面介绍得很详细：

http://blog.cocoachina.com/article/23772

博主就补充几点：

(1)如果你tabBar控制的视图控制器导航都一样，那么就在设置根视图控制器的时候设置导航的属性，如果你是每个视图控制器的导航都不一样，那么就在赋值控制器给tabBar的时候设置导航栏属性。

(2)如果你想自定义导航栏按钮和视图，就在当前视图控制器进行设置。(通常设置代码写在viewWillapper里)

(3)博主对tabBar以及导航栏的理解：

tabBar其实就是一个存放viewController的容器，而导航控制器他拥有系统的tabBar属性，每个viewController都自带有导航栏属性。其实就像一个可以装多个小孩的背篓，tabbar就充当背篓的角色，而小孩就是当中的viewController，而导航栏就相当于每个孩子头上戴的帽子。当你理解他们的关系的时候，用自定义的tabBar便会柔韧有余。

总结

其实这些理解起来并不难，但是博主也是接触了很多项目，试验了很多方式才大概理解，这篇文章希望对刚入门的初学者有所帮助，帮助你们少走弯路。

博主的微博、CocoaChina博客、简书同步更新，欢迎关注：

新浪微博：http://weibo.com/p/1005052308506177/home?from=page_100505_profile&wvr=6&mod=data&is_all=1#place

简书：http://www.jianshu.com/users/63baf9271d14/latest_articles

CocoaChina：http://blog.cocoachina.com/477998