分栏控制器的基本概念和用法

1、分栏控制器基本概念

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

分栏控制器的基本样式

·UITabBarController初始化

UIViewController *viewCtrl1 = [[UIViewController alloc] init]; 
viewCtrl1.title = @"主页";
UIViewController *viewCtrl2 = [[UIViewController alloc] init]; 
viewCtrl2.view.backgroundColor = [UIColor redColor]; 
viewCtrl2.title = @"消息";
UIViewController *viewCtrl3 = [[UIViewController alloc] init]; 
viewCtrl3.view.backgroundColor = [UIColor grayColor]; 
viewCtrl3.title = @"搜索";
UIViewController *viewCtrl4 = [[UIViewController alloc] init]; 
viewCtrl4.view.backgroundColor = [UIColor brownColor]; 
viewCtrl4.title = @"设置";
NSArray *viewControllers = [NSArray arrayWithObjects:viewCtrl1,viewCtrl2,
                                             viewCtrl3,viewCtrl4, nil];
UITabBarController *mainViewController = [[UITabBarController alloc] init];
mainViewController.viewControllers = viewControllers;
[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)

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

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

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

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

3、设置分栏控制器代理

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

- (BOOL)tabBarController:(UITabBarController *)tabBarController
                  shouldSelectViewController:(UIViewController
*)viewController
{
// 视图将要切换时调用, viewController为将要显示的控制器 
}
- (void)tabBarController:(UITabBarController *)tabBarController
       didSelectViewController:(UIViewController *)viewController
{
// 视图已经切换后调用, viewController 是已经显示的控制器 
}

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

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

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

集成后的结构图

·实现代码

FirstViewController *firstVC = [[[FirstViewController alloc] init] autorelease];
// 将第⼀一个视图控制器作为导航控制器根视图
UINavigationController *fNav = [[[UINavigationController alloc] initWithRootViewController: firstVC] autorelease];
TwoViewController *secondVC = [[[TwoViewController alloc] init] autorelease]; // 将第二个视图控制器作为导航控制器根视图
UINavigationController *tNav = [[[UINavigationController alloc]
initWithRootViewController: secondVC] autorelease];
// ......
NSArray *viewControllers = [NSArray arrayWithObjects:fNav,tNav,tNav, nil];
UITabBarController *tabController = [[UITabBarController alloc] init];
tabController.viewControllers = viewControllers;
self.window.rootViewController = tabController;
[tabController release];

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

用户定制TABBAR(一)

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

// 可以自定义title、图片
- (id)initWithTitle:(NSString *)title image:(UIImage *)image tag: (NSInteger)tag;
// 使用系统内置的tab
- (id)initWithTabBarSystemItem:(UITabBarSystemItem)systemItem tag:(NSInteger)tag; // 代码实现
UITabBarItem *tabItem1 = [[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemFavorites tag:101];
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

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