UITabBarController详解

一. UITabBarController简介

(一). 继承关系

UITabBarController和UINavigationController类似，也继承于UIViewController，也可以轻松地管理多个控制器，轻松完成控制器之间的切换，典型的例子就是QQ、微信等应⽤。

(二). 基本概念

父控制器：通过标签控制器管理多个子控制器，标签控制器就称为父控制器

子控制器：添加到标签控制器里的控制器都做为标签控制器的子控制器

标签栏：也叫选项卡栏，方便用户切换到对应的界面，当往标签控制器里添加子控制器，标签栏就会有序的自动生成对应的标签

标签栏按钮：也叫标签，UITabBarButton，这个类只有apple内部开发人员才能使用

二. UITabBarController常见属性和方法

// 以数组的方式设置子控制器
@property(nonatomic,copy) NSArray *viewControllers;
// 以数组的方式设置子控制器
- (void)setViewControllers:(NSArray *)viewControllers animated:(BOOL)animated;
// 通过设置选中的子控制器,设置默认显示的子控制器
@property(nonatomic,assign) UIViewController *selectedViewController;
// 通过设置选中的子控制的索引,设置默认显示的子控制器
@property(nonatomic) NSUInteger selectedIndex;
// moreNavigationController是默认创建的，只有子控制器的数量超过5个的时候才显示”More”按钮
@property(nonatomic,readonly) UINavigationController *moreNavigationController;
// 在”More”的控制器视图中，有一个“Edit”按钮，设置这个按钮里面显示的自定义控制器，默认是所有控制器
// 注意：当UITabBarController的viewControllers属性发生变化的时候，customizableViewControllers就会自动设置成跟viewControllers一致
@property(nonatomic,copy) NSArray *customizableViewControllers;
// 只读，标签栏，默认生成
@property(nonatomic,readonly) UITabBar *tabBar
// 代理
@property(nonatomic,assign) id delegate;

三. UITabBarController的代理方法

// 是否允许选中控制器viewController
- (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController;
// 选中控制器时调用
- (void)tabBarController:(UITabBarController *)tabBarController didSelectViewController:(UIViewController *)viewController;
// 当点击”More”的控制器视图里的“Edit”按钮时调用
- (void)tabBarController:(UITabBarController *)tabBarController willBeginCustomizingViewControllers:(NSArray *)viewControllers;
// 点击”More”的控制器视图里的“Edit”按钮，在即将退出编辑时调用
- (void)tabBarController:(UITabBarController *)tabBarController willEndCustomizingViewControllers:(NSArray *)viewControllers changed:(BOOL)changed;
// 点击”More”的控制器视图里的“Edit”按钮，在退出编辑后调用
- (void)tabBarController:(UITabBarController *)tabBarController didEndCustomizingViewControllers:(NSArray *)viewControllers changed:(BOOL)changed;

四. UITabBarController的原理

1. 当UITabBarController做为Window的根控制器时，程序一启动，UITabBarController就会一次性初始化所有子控制器，但是默认只加载第一个控制器视图，其他视图控制器只初始化，但默认不会加载，只有在需要显示的时候才调用loadView方法加载。特殊情况：在AppDelegate中设置其他的子控制器视图的背景颜色，就会提前加载该控制器视图，但不显示该视图。

2. 每一个控制器视图只加载一次，就会一直存在内存中，当切换子控制器时直接显示，不显示在屏幕上的子控制器不会被销毁。当遇到内存警告时，会释放掉没有加载的子控制器。

3. 每个视图控制器都有一个tabBarController属性，通过它可以访问所在的UITabBarController，而且对于UITabBarController的直接子视图，其tabBarController属性相当于它的父视图parentViewController。

4. 每个视图控制器都有一个tabBarItem属性，通过它控制视图在UITabBarController的tabBar中的显示信息

5. tabBarItem的image属性必须是png格式(建议大小32*32)，并且打开alpha通道否则无法正常显示。

6. 当往UITabBarController添加子控制器，标签栏就会有序的自动生成对应的UITabBarButton对象，有多少个子控制器，标签栏就有多少个UITabBarButton对象，但是子控制器的数量超过5个的时候，标签栏上的第五个UITabBarButton对象就会显示成”More”类型的按钮。

五. UITabBarController的知识点

(一). 关于UITabBarController

1. UITabBarController没有根控制器的概念。在添加了相同的子控制器，不会增加tabitem的数量。子控器可以是UIViewController、UINavigationController、UITableViewController或者其他的视图控制器

2. UITabBarButton在UITabBar中的位置是均分的，UITabBar的高度为49，UITabBarButton⾥面显⽰什么内容，由对应子控制器的tabBarItem属性来决定

3. UITabBarController一般作为应用程序的rootViewController，但是它不能作为UINavigationController的根控制器

4. UITabBarController默认只支持竖屏，当设备方向放生变化时候，它会查询viewControllers属性中包含的所有ViewController，仅当所有的viewController都支持该方向时，UITabBarController才会发生旋转，否则默认的竖向

(二). 关于UITabBar

1. 简介

UITabBar继承于UIView，方便用户切换到对应的界面，当往标签控制器里添加子控制器，标签栏就会有序的自动生成对应的标签；创建一个标签控制器，就默认创建一个标签栏，标签栏最多显示5个标签

2. 常用属性和方法

// 代理
@property(nonatomic,assign) id delegate;
// 设置数据模型，不能给系统默认创建的UITabBar设置items
@property(nonatomic,copy) NSArray *items;
// 设置选中数据模型，不能给系统默认创建的UITabBar设置selectedItem
@property(nonatomic,assign) UITabBarItem *selectedItem;
// iOS7之前，tintColor可以修改背景色
@property(nonatomic,retain) UIColor *tintColor;
// iOS7之后，修改背景色只能用barTintColor
@property(nonatomic,retain) UIColor *barTintColor;
// 设置UITabBar的背景图片
@property(nonatomic,retain) UIImage *backgroundImage
// 设置选中的按钮的背景图片
@property(nonatomic,retain) UIImage *selectionIndicatorImage
// 设置阴影图片，但必须设置backgroundImage属性
@property(nonatomic,retain) UIImage *shadowImage
// 设置数据模型，不能给系统默认创建的UITabBar设置items
- (void)setItems:(NSArray *)items animated:(BOOL)animated;

3. UITabBar的数据模型

UITabBar的每个按钮的内容由对应的子控制的tabBarItem属性决定

----------  UITabBarItem的常用接口

@interface UITabBarItem : UIBarItem

// 设置选中图片
@property(nonatomic,retain) UIImage *selectedImage;
// 设置角标，一般用于提示用户有新消息
@property(nonatomic,copy) NSString *badgeValue;
// 初始化UITabBarItem对象
- (instancetype)initWithTitle:(NSString *)title image:(UIImage *)image tag:(NSInteger)tag;
// 初始化UITabBarItem对象
- (instancetype)initWithTitle:(NSString *)title image:(UIImage *)image selectedImage:(UIImage *)selectedImage;
// 初始化UITabBarItem对象
- (instancetype)initWithTabBarSystemItem:(UITabBarSystemItem)systemItem tag:(NSInteger)tag;

@end

----------  UIBarItem的常用接口

@interface UIBarItem : NSObject

// 是否有效
@property(nonatomic,getter=isEnabled) BOOL enabled;
// 设置标题
@property(nonatomic,copy) NSString *title;
// 设置图片
@property(nonatomic,retain) UIImage *image;
// 设置横向图片
@property(nonatomic,retain) UIImage *landscapeImagePhone; 
// 设置图片边距
@property(nonatomic) UIEdgeInsets imageInsets;
// 设置横向图片边距
@property(nonatomic) UIEdgeInsets landscapeImagePhoneInsets;
// 设置对应的控制器的标签
@property(nonatomic) NSInteger tag;

@end


----------  UITabBarSystemItem的枚举类型

typedef NS_ENUM(NSInteger, UITabBarSystemItem) {
    UITabBarSystemItemMore,
    UITabBarSystemItemFavorites,
    UITabBarSystemItemFeatured,
    UITabBarSystemItemTopRated,
    UITabBarSystemItemRecents,
    UITabBarSystemItemContacts,
    UITabBarSystemItemHistory,
    UITabBarSystemItemBookmarks,
    UITabBarSystemItemSearch,
    UITabBarSystemItemDownloads,
    UITabBarSystemItemMostRecent,
    UITabBarSystemItemMostViewed,
};

4. UITabBar的代理方法

UITabBar的代理方法与UITabBarController的代理方法有些类似

// 选中时调用
- (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item;
// 即将编辑时调用
- (void)tabBar:(UITabBar *)tabBar willBeginCustomizingItems:(NSArray *)items;  
// 编辑时调用                  
- (void)tabBar:(UITabBar *)tabBar didBeginCustomizingItems:(NSArray *)items; 
// 即将结束编辑时调用        
- (void)tabBar:(UITabBar *)tabBar willEndCustomizingItems:(NSArray *)items changed:(BOOL)changed; 
// 结束编辑时调用
- (void)tabBar:(UITabBar *)tabBar didEndCustomizingItems:(NSArray *)items changed:(BOOL)changed;

5. 覆盖UITabBarController自带的tabBar为自定义的tabBar操作原理

tabBar上的按钮是在viewDidAppear的时候拿到 self.tabBar 再调用addSubViews添加上去的，在viewDidAppear之前把控制器的tabBar换成我们自己的tabBar，就会把tabBar上的按钮添加到自己的tabBar上。但是tabBar控制器的tabBar属性是只读的，不能直接赋值，可以利用运行时机制发送消息

六. UITabBarController的简单使用

(一). 使用步骤：

1. 初始化UITabBarController

2. 设置UIWindow的rootViewController为UITabBarController

3. 创建相应的子控制器（viewcontroller）

4. 把子控制器添加到UITabBarController

(二). 具体代码

1. AppDelegate.m文件

#import "AppDelegate.h"
#import "ViewController.h"
#import "TwoViewController.h"
#import "NavigationController.h"

@interface AppDelegate ()

@end

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

  // 创建窗口
  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];

  // 创建标签控制器
  UITabBarController *tabBarC = [[UITabBarController alloc] init];

  // 设置窗口的根控制器为标签控制器
  self.window.rootViewController = tabBarC;

  // 显示窗口
  [self.window makeKeyAndVisible];


  // 创建标签控制器的子控制器
  ViewController *vc1 = [[ViewController alloc] init];
  TwoViewController *vc2  =[[TwoViewController alloc] init];
  NavigationController *nav = [[NavigationController alloc] init];

  // 添加子控制器方式一
  //tabBarC.viewControllers = @[vc1,vc2,nav];
  // 添加子控制器方式二
  [tabBarC addChildViewController:vc1];
  [tabBarC addChildViewController:vc2];
  [tabBarC addChildViewController:nav];

  // 设置标签栏的背景图片
  tabBarC.tabBar.backgroundImage = [UIImage imageNamed:@"Snip20160825_2"];


  return YES;
}

@end

2. ViewController.m文件

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (instancetype)init {
  if (self = [super init]) {
    // 设置标题
    self.tabBarItem.title = @"界面1";
    // 设置图片,只有设置图片的渲染模式，才能看到图片
    self.tabBarItem.image = [[UIImage imageNamed:@"Snip20160825_1"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    // 设置角标,如果没有设置图片，角标默认显示在左上角，设置了图片就会在图片的右上角显示
    self.tabBarItem.badgeValue = @"10";

  }
  return self;
}

- (void)viewDidLoad {

  self.view.backgroundColor = [UIColor redColor];

}

@end

3. TwoViewController.m文件

#import "TwoViewController.h"

@interface TwoViewController ()

@end

@implementation TwoViewController

- (instancetype)init {
  if (self = [super init]) {
    // 设置标题
    self.tabBarItem.title = @"界面2";
  }
  return self;
}

- (void)viewDidLoad {

  self.view.backgroundColor = [UIColor greenColor];

}

@end

4. NavigationController.m文件

#import "NavigationController.h"

@interface NavigationController ()

@end

@implementation NavigationController

- (instancetype)init {
  if (self = [super init]) {
    // 设置标题
    self.tabBarItem.title = @"界面3";
    // 设置图片,只有设置图片的渲染模式，才能看到图片
    // 设置角标,如果没有设置图片，角标默认显示在左上角，设置了图片就会在图片的右上角显示
    self.tabBarItem.badgeValue = @"100";

  }
  return self;
}

- (void)viewDidLoad {

  self.view.backgroundColor = [UIColor blueColor];

}

@end