iOS开发项目篇—03添加导航控制器
iOS开发项目篇—03添加导航控制器
一、简单说明
分析:分析微博应用,我们需要给每个子控制器都添加一个导航控制器(每个子控制器的导航不一样),所以需要新建一个导航控制器,然后把该导航控制器作为window的根控制器,添加的四个子控制器,分别添加在导航控制器上,也就是说整个项目采用当前主流的UI框架,一个UITabBarController管理着四个UINavigationController,而每个UINavigationController则分别管理着“首页”、“消息”、“发现”和“我”这四个子控制器。
(1)新建一个类,让其继承自UINavigationController。
(2)把该导航控制器作为window的根控制器
(3)设置标题
提示:
childVc.tabBarItem.title = title; ---------设置tabbar标签上的标题
childVc.navigationItem.title = title; ----设置导航栏的标题
childVc.title = title;-----------------------相当于同时设置了tabBarItem.title和navigationItem.title二者的标题
(4)新的需求,当点击子控制器(tableview)的cell时跳转到得下一个界面隐藏tabbar工具条。
隐藏控制器的BAR工具条,可以拦截push方法,自定义导航控制器,重写push方法,就能够拦截所有push进来的子控制器
拦截push操作~
二、实现代码
1.代码
主控制器中,YYTabBarViewController.m文件
1 // 2 // YYTabBarViewController.m 3 // 02-微博添加子控制器和设置项目结构 4 // 5 // Created by apple on 14-7-3. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYTabBarViewController.h" 10 #import "YYHomeTableViewController.h" 11 #import "YYDiscoverViewController.h" 12 #import "YYMessageViewController.h" 13 #import "YYProfileViewController.h" 14 #import "UIImage+Extension.h" 15 #import "YYNavigationViewController.h" 16 17 @interface YYTabBarViewController () 18 19 @end 20 21 @implementation YYTabBarViewController 22 23 24 - (void)viewDidLoad 25 { 26 [super viewDidLoad]; 27 //添加四个子控制器 28 YYHomeTableViewController *home=[[YYHomeTableViewController alloc]init]; 29 [self addOneChildVc:home title:@"首页" imageName:@"tabbar_home" selectedImageName:@"tabbar_home_selected"]; 30 31 32 YYMessageViewController *message=[[YYMessageViewController alloc]init]; 33 [self addOneChildVc:message title:@"消息" imageName:@"tabbar_message_center" selectedImageName:@"tabbar_message_center_selected"]; 34 35 YYDiscoverViewController *discover=[[YYDiscoverViewController alloc]init]; 36 [self addOneChildVc:discover title:@"发现" imageName:@"tabbar_discover" selectedImageName:@"tabbar_discover_selected"]; 37 38 YYProfileViewController *profile=[[YYProfileViewController alloc]init]; 39 [self addOneChildVc:profile title:@"我" imageName:@"tabbar_profile" selectedImageName:@"tabbar_profile_selected"]; 40 } 41 42 /** 43 * 添加一个子控制器 44 * 45 * @param childVC 子控制对象 46 * @param title 标题 47 * @param imageName 图标 48 * @param selectedImageName 选中时的图标 49 */ 50 -(void)addOneChildVc:(UIViewController *)childVc title:(NSString *)title imageName:(NSString *)imageName selectedImageName:(NSString *)selectedImageName 51 { 52 //随机设置子控制器的背景颜色 53 childVc.view.backgroundColor=YYRandomColor; 54 55 //设置标题 56 childVc.title=title; //相当于设置了后两者的标题 57 // childVc.navigationItem.title=title;//设置导航栏的标题 58 // childVc.tabBarItem.title=title;//设置tabbar上面的标题 59 60 //设置图标 61 childVc.tabBarItem.image=[UIImage imageWithName:imageName]; 62 //设置选中时的图标 63 UIImage *selectedImage=[UIImage imageWithName:selectedImageName]; 64 65 66 if (iOS7) { 67 // 声明这张图片用原图(别渲染) 68 selectedImage = [selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 69 } 70 childVc.tabBarItem.selectedImage = selectedImage; 71 72 // 添加为tabbar控制器的子控制器 73 YYNavigationViewController *nav=[[YYNavigationViewController alloc]initWithRootViewController:childVc]; 74 75 [self addChildViewController:nav]; 76 77 } 78 79 80 // 在iOS7中, 会对selectedImage的图片进行再次渲染为蓝色 81 // 要想显示原图, 就必须得告诉它: 不要渲染 82 83 // Xcode的插件安装路径: /Users/用户名/Library/Application Support/Developer/Shared/Xcode/Plug-ins 84 @end
自定义的导航控制器中得拦截push操作的代码
1 // 2 // YYUINavigationViewController.m 3 // 03-微博增加导航功能 4 // 5 // Created by 孔医己 on 14-7-3. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYNavigationViewController.h" 10 11 @interface YYNavigationViewController () 12 13 @end 14 15 @implementation YYNavigationViewController 16 17 - (void)viewDidLoad 18 { 19 [super viewDidLoad]; 20 } 21 22 -(void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated 23 { 24 //如果现在push的不是栈顶控制器,那么久隐藏tabbar工具条 25 if (self.viewControllers.count>0) { 26 viewController.hidesBottomBarWhenPushed=YES; 27 } 28 [super pushViewController:viewController animated:YES]; 29 } 30 31 @end
首页控制器,YYHomeTableViewController.m文件的实现代码
1 // 2 // YYHomeTableViewController.m 3 // 02-微博添加子控制器和设置项目结构 4 // 5 // Created by apple on 14-7-3. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYHomeTableViewController.h" 10 11 @interface YYHomeTableViewController () 12 13 @end 14 15 @implementation YYHomeTableViewController 16 17 - (id)initWithStyle:(UITableViewStyle)style 18 { 19 self = [super initWithStyle:style]; 20 if (self) { 21 // Custom initialization 22 } 23 return self; 24 } 25 26 - (void)viewDidLoad 27 { 28 [super viewDidLoad]; 29 } 30 31 #pragma mark - Table view data source 32 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 33 { 34 return 20; 35 } 36 37 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 38 { 39 static NSString *ID = @"cell"; 40 UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; 41 if (!cell) { 42 cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID]; 43 } 44 cell.textLabel.text = [NSString stringWithFormat:@"%d----首页测试数据", indexPath.row]; 45 return cell; 46 } 47 48 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath 49 { 50 //点击cell的时候,跳到下一个界面 51 UIViewController *newVc = [[UIViewController alloc] init]; 52 newVc.view.backgroundColor = [UIColor redColor]; 53 newVc.title = @"新控制器"; 54 [self.navigationController pushViewController:newVc animated:YES]; 55 } 56 57 @end
2.实现效果
(1)启动界面
(2)程序界面
系统首页
点击首行(0),跳转到新的界面
消息界面的情况也是如此
说明:这一切都得益于在自定义导航控制器中,对push操作的拦截。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。