码迷,mamicode.com
首页 > 移动开发 > 详细

iOS开发项目篇—03添加导航控制器

时间:2015-03-06 18:35:55      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

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操作的拦截。

iOS开发项目篇—03添加导航控制器

标签:

原文地址:http://www.cnblogs.com/panyangjun/p/4318768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!