关于分栏控制器问题

1、分栏控制器基本概念

·UITabBarController的基本概念
·UITabBarController和UINavigationController一样是用来管理视图控制器的。
·UINavigationController是用来管理视图控制器之间的导航,UITabBarController
是管理固定的几个视图控制器,子控制器是并列的。可以任意切换显示。 
·很多应用程序都使用UITabBarController来做整体的布局。

分栏控制器的基本样式

·UITabBarController初始化

[objc] view plaincopy

1. UIViewController *viewCtrl1 = [[UIViewController alloc] init];   
2. viewCtrl1.title = @"主页";  
3. UIViewController *viewCtrl2 = [[UIViewController alloc] init];   
4. viewCtrl2.view.backgroundColor = [UIColor redColor];   
5. viewCtrl2.title = @"消息";  
6. UIViewController *viewCtrl3 = [[UIViewController alloc] init];   
7. viewCtrl3.view.backgroundColor = [UIColor grayColor];   
8. viewCtrl3.title = @"搜索";  
9. UIViewController *viewCtrl4 = [[UIViewController alloc] init];   
10. viewCtrl4.view.backgroundColor = [UIColor brownColor];   
11. viewCtrl4.title = @"设置";  
12. NSArray *viewControllers = [NSArray arrayWithObjects:viewCtrl1,viewCtrl2,  
13.                                              viewCtrl3,viewCtrl4, nil nil];  
14. UITabBarController *mainViewController = [[UITabBarController alloc] init];  
15. mainViewController.viewControllers = viewControllers;  
16. [self.window setRootViewController:mainViewController];  

2、分栏视图控制器的结构

·UITabBarController结构图
     与导航控制器不同,Tab控制器是用数组管理子视图控制器,并且子视图之间是 平等关系。导航控制器所管理的视图控制器之间的上下级关系。

·TabBarController类图分析

·一个分栏视图控制器控制着若干 视图控制器,它是由它的一个数组 进行管理的
·每一个分栏控制器只有一个 UITabBar视图,用于显示 UITabItem实例
·UITabBarItem由当前的视图控 制器管理,这一点与导航控制器中 的UIBarButtonItem是相同

创建系统自带的分栏控制器样式

·UITabBarController系统样式
TabBar只能显示5个Tab Item,如果超过5个则会自动生成个More的标签显示剩 余的Tab, 这些Tab可以通过编辑显示在UITabBar上。如果将视图添加到导航控制 器中,默认出现编辑按钮,可以自由移动item实例。

实例代码

·创建系统自带的TabBarController(TabBarItem)

[objc] view plaincopy

1. /* 
2. *1、初始化我们需要在tabBarController中显示的视图控制器 * 2、初始化UItabBarItem 
3. * 3、在子视图控制器中添加UItabBarItem 
4. * 4、我们将子视图控制器放入数组中 
5. * 5、初始化tabBarcontroller 
6. * 6、将数组放入tabBar控制器中,方法viewControllers 
7. */  
8. TabBarViewController *tabBarController = [[TabBarViewController alloc] init];  
9. FirstViewController *firstVC = [[FirstViewController alloc] init];  
10. UITabBarItem *firstItem = [[UITabBarItem alloc]  
11. initWithTabBarSystemItem:UITabBarSystemItemFavorites tag:1];  
12. firstViewController.tabBarItem = firstItem;  
13. [firstItem release];  
14. // ......  
15. NSArray *viewControllers = @[firstVC, secondVC, thirdVC];  
16. [tabBarController setViewControllers:viewControllers animated:YES];  
17. self.window.rootViewController = tabBarController;  
18. [tabBarController release];  

用户自定义分栏视图控制器样式

·自定义UITabBarItem
·图片大小30*30px(视网膜屏幕,60*60) ·图片需使用淡灰色或者半透明效果  ,选中时系统自动填充颜色(蓝色)

[objc] view plaincopy

1. FirstViewController *firstVC = [[FirstViewController alloc] init];   
2. UITabBarItem *firstItem = [[UITabBarItem alloc] initWithTitle:@"主页" image:  
3. [UIImage imageNamed:@"image.png"] tag:1];  
4. firstVC.tabBarItem = firstItem;  
5. [firstItem release];  

3、设置分栏控制器代理

·设置UITabBarController代理
·通过实现tabBarController的代理方法,可以监听视图控制器的切换

[objc] view plaincopy

1. - (BOOL)tabBarController:(UITabBarController *)tabBarController  
2.                   shouldSelectViewController:(UIViewController  
3. *)viewController  
4. {  
5. // 视图将要切换时调用, viewController为将要显示的控制器   
6. }  
7. - (void)tabBarController:(UITabBarController *)tabBarController  
8.        didSelectViewController:(UIViewController *)viewController  
9. {  
10. // 视图已经切换后调用, viewController 是已经显示的控制器   
11. }  

4、集成分栏控制器和导航控制器

·集成导航控制器和分栏控制器
·两种控制器的集成方式有两种选择
·在Tab Bar控制器中某一个Tab中使用Navigation控制器,这是最常见的用法,我们将在下面具体讲解这个用法
·在一个Navigation控制器控制下的某一个或某些控制器是Tab Bar控制器,这时 对该Tab Bar控制器的压入和弹出方法和普通视图控制器一样

·第一种集成方式
·根视图控制器是 UITabBarController,它有若 干个子视图控制器,注意他们 是平级的关系
·其中有一个是导航控制器, 导航控制器有控制着若干个子 视图控制器,他们是上、下级 的关系,如右图所示

集成后的结构图

·实现代码

[objc] view plaincopy

1. FirstViewController *firstVC = [[[FirstViewController alloc] init] autorelease];  
2. // 将第⼀一个视图控制器作为导航控制器根视图  
3. UINavigationController *fNav = [[[UINavigationController alloc] initWithRootViewController: firstVC] autorelease];  
4. TwoViewController *secondVC = [[[TwoViewController alloc] init] autorelease]; // 将第二个视图控制器作为导航控制器根视图  
5. UINavigationController *tNav = [[[UINavigationController alloc]  
6. initWithRootViewController: secondVC] autorelease];  
7. // ......  
8. NSArray *viewControllers = [NSArray arrayWithObjects:fNav,tNav,tNav, nil nil];  
9. UITabBarController *tabController = [[UITabBarController alloc] init];  
10. tabController.viewControllers = viewControllers;  
11. self.window.rootViewController = tabController;  
12. [tabController release];  

5、UITABBAR视图的组成
·UITabBar视图的组成
·是的用来控制一组控制器的切换,类似选项卡。 
·每个Tab控制一个视图控制器,点击哪个tab就显示对应的视图控制器(当前的视图控制器)
·每个Tab是个UITabBarItem对象,通过子控制器self.tabBarItem 可以访问到该 UITabBarItem对象。(这一点与谁相似呢?)
·通过视图控制器的self.title设置Tab上的标题。 
·修改UITabBar的tintColor属性定义背景颜色。

用户定制TABBAR(一)

·第一种定制TabBar视图
·每个Tab是UITabBarItem对象,所以通过定义UITabBarItem对象来定制。

[objc] view plaincopy

1. // 可以自定义title、图片  
2. - (id)initWithTitle:(NSString *)title image:(UIImage *)image tag: (NSInteger)tag;  
3. // 使用系统内置的tab  
4. - (id)initWithTabBarSystemItem:(UITabBarSystemItem)systemItem tag:(NSInteger)tag; // 代码实现  
5. UITabBarItem *tabItem1 = [[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemFavorites tag:101];  
6. UITabBarItem *tabItem2 = [[UITabBarItem alloc] initWithTitle:@"收藏夹" image:[UIImage imageNamed:@"top.png"] tag:100];  

UITABBAR其他常用设置

·UITabBarItem 可以设置badgeValue属性显示红色图标标记,如下图

·我们的程序也可以设置这样的“小标记”

用户定制TABBAR(二)

·第二种定制UITabBar方式
·第二种定制UITabBar定制方式比较灵活,非常常用,需要重点掌握 
·隐藏UITabBarController的UITabBar,然后创建一个View视图代替UITabBar,在此view上添加UIButton代替Tab标签。 
·iOS5.x提供了新方法用于定制用户自己的UITabBar

[objc] view plaincopy

1. // 定制UITabBar背景图片  
2. @property(nonatomic,retain) UIImage *backgroundImage;  
3. // 定制选中图片  
4. @property(nonatomic,retain) UIImage *selectionIndicatorImage;