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博客、CSDN博客同步更新,欢迎关注:

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

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

CSDN:http://blog.csdn.net/czkyes





最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,012评论 4 359
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,589评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 106,819评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,652评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,954评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,381评论 1 210
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,687评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,404评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,082评论 1 238
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,355评论 2 241
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,880评论 1 255
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,249评论 2 250
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,864评论 3 232
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,007评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,760评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,394评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,281评论 2 259

推荐阅读更多精彩内容