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

董桐
2023-12-01

前言

博主已经做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






 类似资料: