iOS学习28之UITabBarController

1. 标签视图控制器 -- UITabBarController

• 视图(UIView) ---> 图层 ---> 子视图
• 视图控制器(UIViewController) ---> 管理视图
• 导航控制器(UINavigationController) ---> 管理有层次关系的视图控制器
• 标签视图控制器(UITabBarController) ---> 管理没有层次关系的视图控制器

　1> UITabBarController的继承关系

　　@interface UITabBarController : UIViewController <UITabBarDelegate, NSCoding>

　2> UITabBarController的三层结构

　3> 代码创建UITabBarController

　　在application: idFinishLaunchingWithOptions:方法中创建

　　① 创建Window(需要将工程的主故事版删除)

　　self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];

    self.window.backgroundColor = [UIColor whiteColor];

    [self.window makeKeyAndVisible];

　　② 创建UITabBarController对象

 　　UITabBarController  *mainTabBar = [[UITabBarController alloc] init];

     // 创建控制器对象
     UIViewController *firstVC = [[UIViewController alloc] init];

     firstVC.view.backgroundColor = [UIColor cyanColor];

     // 设置tabBarItem
     // 第一种方式:系统样式
     firstVC.tabBarItem = [[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemFavorites tag:];

     // 第二种方式:自定义样式
     UIViewController *secondVC = [[UIViewController alloc] init];

     secondVC.view.backgroundColor = [UIColor redColor];

     // 创建图片
     UIImage *secondImage = [UIImage imageNamed:@"carGary"];

     UIImage *secondSelectImage = [UIImage imageNamed:@"carRed"];

 #pragma mark - 设置图片保留原有样式
     secondImage = [secondImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
     secondSelectImage = [secondSelectImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

 #pragma mark -
     secondVC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"第二页" image:secondImage selectedImage:secondSelectImage];

     // thirdVC
     UIViewController *thirdVC = [[UIViewController alloc] init];

     thirdVC.view.backgroundColor = [UIColor purpleColor];

     thirdVC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"发现" image:[UIImage imageNamed:@"findGray"] tag:];

     // fourthVC
     UIViewController *fourthVC = [[UIViewController alloc] init];

     fourthVC.view.backgroundColor = [UIColor greenColor];

     fourthVC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"我的" image:[UIImage imageNamed:@"userGray"] tag:];

     // fifthVC
     UIViewController *fifthVC = [[UIViewController alloc] init];

     fifthVC.view.backgroundColor = [UIColor orangeColor];

     fifthVC.tabBarItem = [[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemDownloads tag:];

     // sixthVC
     UIViewController *sixthVC = [[UIViewController alloc] init];

     sixthVC.view.backgroundColor = [UIColor magentaColor];

     sixthVC.tabBarItem = [[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemHistory tag:];

     // 设置控制器数组
     mainTabBar.viewControllers = @[firstVC, secondVC, thirdVC];

　　③ 将UITabBarController对象设置为Window的根视图控制器

self.window.rootViewController = mainTabBar;

　4> UITabBarController的重要属性

　　viewControllers属性的应用件 3> ② 的代码

　　// 设置进入应用时选中第几个
    mainTabBar.selectedIndex = ;

2. UITabBar

　1> 概述

　　UITabBar 包含多个 UITabBarItem , 每个 UITabBarItem 对应一个 UIViewController

　　UITabBar 的高度是

　　系统最多只显示 个 UITabBarItem , 当 UITabBarItem 超过 个时系统会自动增加一个更多按钮, 点击更多按钮, 没有在底部出现的按钮会以 列表 的形式显示出来

　　UITabBar的属性: tintColor , barTintColor , 图像设置等

　2> UItabBar常用的属性

     // tabBar的属性

     // 设置选中的颜色
     mainTabBar.tabBar.tintColor = [UIColor greenColor];

     // 是否打开半透明效果
     mainTabBar.tabBar.translucent = NO;

     // 设置tabBar的颜色
 //    mainTabBar.tabBar.barTintColor = [UIColor grayColor];

　3> UITabBarItem

• UITabBarItem 可以通过属性 title , badgeValue 设置标题及提示　　

　　// 设置提示
    thirdVC.tabBarItem.badgeValue = @"有消息";

• UITabBarItem 的创建

　　① 系统样式

    // 第一种方式:系统样式
    firstVC.tabBarItem = [[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemFavorites tag:];

　　② 自定义样式

// 第二种方式:自定义样式
secondVC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"第二页" image:secondImage selectedImage:secondSelectImage];

　　secondImage 和 secondSelectImage 是两个 UIImage 类型的变量

• UITabBarItem 的图片处理

     // 创建图片
     UIImage *secondImage = [UIImage imageNamed:@"carGary"];

     UIImage *secondSelectImage = [UIImage imageNamed:@"carRed"];

 #pragma mark - 设置图片保留原有样式
     secondImage = [secondImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
     secondSelectImage = [secondSelectImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

3. 自定义tabBar外观(UIAppearance)

　1> 概述

　　如果想通过一键设定所有导航试图控制器的颜色, 类似于QQ的一键换肤操作,可以通过UIAppearance 协议 来进行操作, 通过它可以对一些控件进行定义颜色等。

　2> 使用代码

     // 设置全局外观
     // 通过[UITabBar appearance]得到当前应用的UITabBar对象来设置tabBar的外观
     // 注意:设置全局外观最好在appDelegate ,否则会无效
     [[UITabBar appearance] setBarTintColor:[UIColor cyanColor]]; [[UITabBar appearance] setTintColor:[UIColor brownColor]];
     // 改变导航栏外观颜
     [[UINavigationBar appearance] setBarTintColor:[UIColor lightGrayColor]];
     // 改变导航栏字体颜
     [[UINavigationBar appearance] setTitleTextAttributes: [NSDictionary dictionaryWithObjectsAndKeys:[UIColor redColor],NSForegroundColorAttributeName, [UIFont systemFontOfSize:], NSFontAttributeName, nil]];