UITabBarController

文章目录

1. 1. 实例代码
2. 2. 自定义UITabBarItem
3. 3. 基层分栏控制器和导航控制器

• UITabBarController的基本概念
  • UITabBarController和UINavigationController一样是用来管理视图控制器的。
  • UINavigationController是用来管理视图之间的导航，UITabBarController是管理固定的几个视图控制器，子控制器是并列的。可以任意切换显示。
• UITabBarController基本样式
  

• UITabBarController初始化

  UIViewController *viewCtrl1 = [[UIViewController alloc] init];
  viewCtrl.title = @"主页";
  
  UIViewController *viewCtrl2 = [[UIViewController alloc] init];
  viewCtr2.title = @"消息";
  
  UIViewController *viewCtrl3 = [[UIViewController alloc] init];
  viewCtr3.title = @"搜索";
  
  UIViewController *viewCtrl4 = [[UIViewController alloc] init];
  viewCtr4.title = @"设置";
  
  NSArray *viewControllers = [NSArray arrayWitjObjects:viewCtr1,viewCtrl2,viewCtrl3,viewCtrl3,viewCtrl4,nil];
  UITabBarController *mainViewController = [[UITabBarController alloc] init];
  mainViewController.viewControllers = viewControllers;
  [self.window setRootViewController:mainViewController];

• 示例代码

  /* ... */
  /*
   * 1.创建若干个子视图控制器，它们是并列关系
   * 2.创建一个数组，将已创建的子视图控制器，添加到数组中
   * 3.创建UITabBarContrller实例
   * 4.tabBarController.viewContrllers = viewContollers;
   * 5.添加到window的rootViewController
   */
  UIViewController *vc1 = [[UIViewController alloc]init];
  vc1.title = @"首页"；
  vc1.view.backgroundColor = [UIColor redColor];
  
  UIViewController *vc2 = [[UIViewController alloc]init];
  vc2.title = @"新闻"；
  vc2.view.backgroundColor = [UIColor blueColor];
  
  UIViewController *vc3 = [[UIViewController alloc]init];
  vc3.title = @"历史"；
  vc3.view.backgroundColor = [UIColor yellowColor];
  
  UIViewController *vc4 = [[UIViewController alloc]init];
  vc4.title = @"搜索"；
  vc4.view.backgroundColor = [UIColor purpColor];
  
  UIViewController *vc5 = [[UIViewController alloc]init];
  vc5.title = @"设置"；
  vc5.view.backgroundColor = [UIColor orangeColor];
  
  NSArray *viewControllers = @[vc1,vc2,vc3,vc4,vc5];
  UITabBarController tabBarController = [[UITabBarController alloc] init];
  [UITabBarController setViewContronllers:viewControllers animated:YES];
  self.window.rootViewController = tabBarController;

• UITabBarController结构图

  • Tab控制器用数组管理视图，视图间是平级的。
    

• TabBarController类图分析

  • 一个分栏视图控制器控制着若干视图控制器，由一个数组管理
  • 每个分栏控制器只有一个UITabBar视图，用于显示UITabItem实例
  • UITabBarItem由当前的视图控制器管理
    

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

实例代码

• 创建系统自带的TabBarController

  TabBarViewController *tabBarController = [[UITabBarViewController alloc]init];
  FirstViewController *firstItem = [[FirstViewController alloc] init];
  UITabBarItem *firstItem = [[UITabBarItem alloc]initWithTabBarSystemItem:UITabBarSystemItemFavorites tag:1];
  firstViewController.tabBarItem = firstItem;
  // ......
  NSArray *viewControllers = @[firstItem,secondItem,thirdItem];
  [tabBarController setViewControllers:viewControllers animated:YES];
  self.window.rootViewController = tabBarController;

自定义UITabBarItem

• 图片大小3030px(视网膜屏6060)

• 图片需要使用淡灰色或者半透明效果，选择系统自动填充蓝色

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

• UITabBarController代理方法

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

基层分栏控制器和导航控制器

• 在Tab Bar控制器中某一个Tab中使用Navigation控制器。
• 实现代码

  FirstViewController *firstVC = [[FirstViewController alloc] init];
  UINavigationController * fNav = [[UINavigation alloc] initWithRootViewController:firstVC];
  SecondViewController * secondVC = [[SecondViewController alloc] init];
  //......
  NSArray *viewControllers = [NSArray arrayWithObjects:firstVC,secondVC,nil];
  UITabBarController*tabController = [[UITabBarController alloc] init];
  tabController.viewControllers = viewControllers;
  self.window.rootViewController = tabController;