IOS开发—UITabBarController简单介绍

UITabBarController简单介绍

一、UITabBarController简介

IOS提供了3中视图切换的方法，除了熟悉的UINavagationController，另一个最常用的方法是使用UITabBarController（选项卡控制器，又叫分页栏控制器），另外一种方法是使用模态窗口，将在后面介绍。

和UInavagationController一样，UITabBarController同样只是一个容器，需要用视图控制器来填充。本文对UITabBarController的介绍是纯代码的，我们还可以使用Interface Building的方式创建以及设置，也是比较方便的，读者可自行尝试。

 

二、UITabBarController的创建：

与构建导航控制器的方法一样，步骤是：

1、在AppDelegate文件中创建一个窗口；

2、创建一个选项卡控制器（当然前提是创建一个选项卡控制器的类，继承于UITabBarController）；

3、将该选项卡控制器实例作为窗口的根视图控制器

代码实例：

@interface AppDelegate ()
@end
@implementationAppDelegate
 
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions {
    self.window.backgroundColor = [UIColor whiteColor];
    self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
    TabBarController *tbc = [[TabBarController alloc]init];
    self.window.rootViewController = tbc;
    [self.window makeKeyAndVisible];
    return YES;
}
@end

三、设置选项卡控制器的各个子视图控制器

为了演示的效果更加，我们创建了多个不同的视图控制器。直接来看代码：

#import "TabBarController.h"
#import "Test1ViewController.h"
#import "Test2ViewController.h"
#import "Test3ViewController.h"
#import "Test4ViewController.h"
#import "Test5ViewController.h"
 @interface TabBarController ()<UITabBarControllerDelegate>
@end
@implementationTabBarController
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    [self loadBaseUI];
}
- (void)loadBaseUI
{
    //设置代理
    self.delegate = self;
    /*
     *这里需要注意的是，如果使用addChildViewController方法将试图控制器一个一个添加到tabBarController中，编译器在编译的时候也是一个一个添加tabBarItem的，如果添加的tabBarItem超过了5个，那么最终显示出来的结果只有5个tabBarItem（实际上是不只五个的）。
      如果用另一种方法：将所有要添加的视图控制器先存放在一个数组中，然后将数组赋予self.viewControllers属性，在视图控制器超过5个的情况下，结果就会不一样（第5个tabBarItem显示为更多）
     */
    Test1ViewController *VC1 = [[Test1ViewController alloc]initWithNibName:@"Test1ViewController" bundle:nil];
    VC1.view.backgroundColor = [UIColor greenColor];
    VC1.tabBarItem.title = @"电话";
    VC1.tabBarItem.image = [UIImage imageNamed:@"电话"];
    VC1.tabBarItem.selectedImage = [UIImage imageNamed:@"电话高亮"];
    VC1.tabBarItem.badgeValue = @"2";
//    [self addChildViewController:VC1];
//    UINavigationController *navc =[[UINavigationController alloc]initWithRootViewController:VC1];
//    [self addChildViewController:navc];

    Test2ViewController *VC2 = [[Test2ViewController alloc]init];
    VC2.view.backgroundColor = [UIColor orangeColor];
    VC2.tabBarItem.title = @"联系人";
    VC2.tabBarItem.image = [UIImage imageNamed:@"联系人"];
    VC2.tabBarItem.selectedImage = [UIImage imageNamed:@"联系人高亮"];
//    [self addChildViewController:VC2];
   
    Test3ViewController *VC3 = [[Test3ViewController alloc]init];
    VC3.view.backgroundColor = [UIColor blueColor];
    VC3.tabBarItem.title = @"收藏";
    VC3.tabBarItem.image = [UIImage imageNamed:@"收藏"];
    VC3.tabBarItem.selectedImage = [UIImage imageNamed:@"收藏高亮"];
//    [self addChildViewController:VC3];
   
    Test4ViewController *VC4 = [[Test4ViewController alloc]init];
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];
    btn.backgroundColor = [UIColor greenColor];
    btn.frame = CGRectMake(100, 120, 120, 40);
    [btn setTitle:@"点击" forState:UIControlStateNormal];
    [btn addTarget:self action:@selector(clickAction:) forControlEvents:UIControlEventTouchUpInside];
    [VC4.view addSubview:btn];
    VC4.view.backgroundColor = [UIColor brownColor];
    VC4.tabBarItem.title = @"相机";
    VC4.tabBarItem.image = [UIImage imageNamed:@"相机"];
    VC4.tabBarItem.selectedImage = [UIImage imageNamed:@"相机高亮"];
//    [self addChildViewController:VC4];
   
    Test5ViewController *VC5 = [[Test5ViewController alloc]init];
    VC5.tabBarItem.title = @"测试";
    VC5.tabBarItem.image = [UIImage imageNamed:@"收藏"];
//    [self addChildViewController:VC5];
   
    Test5ViewController *VC6 = [[Test5ViewController alloc]init];
    VC5.tabBarItem.title = @"测试";
    VC5.tabBarItem.image = [UIImage imageNamed:@"收藏"];
//    [self addChildViewController:VC6];
   
    Test5ViewController *VC7 = [[Test5ViewController alloc]init];
    VC5.tabBarItem.title = @"测试";
    VC5.tabBarItem.image = [UIImage imageNamed:@"收藏"];
//    [self addChildViewController:VC7];
     
    //设置tabBarController的子视图控制器
    NSArray *arr = [NSArray arrayWithObjects:VC1,VC2,VC3,VC4,VC5,VC6,VC7,nil];
    self.viewControllers = arr;
    //该属性在more中的Edit按钮点击后有所体现
    self.customizableViewControllers = arr;
   
    //设置tabBar风格
    self.tabBar.barStyle = UIBarStyleDefault;
    //设置tabBar的背景颜色
//   self.tabBar.barTintColor = [UIColor lightGrayColor];   
//注意设置backGroundColor并不是设置tarBar的背景是，而是设置bar底下一层的颜色
    self.tabBar.backgroundColor = [UIColor lightGrayColor];
    //设置所选中的tabBarItem的主题色（默认为蓝色）
    self.tabBar.tintColor = [UIColor greenColor];
}

#pragma mark - transformAction
- (void)clickAction:(UIButton *)sender
{
    //切换到第一个子视图控制器
    //方法1
//    self.selectedViewController =[self.viewControllers objectAtIndex:0];
    //方法2
    self.selectedIndex = 0;
}
@end

效果展示：

四、UITabBarControllerDelegate代理方法

首先别忘了对自己设置代理：

self.delegate = self;

//点击某个tabBarItem的时候调用，返回BOOL值，NO表示无法加载到指定子视图控制器
- (BOOL)tabBarController:(UITabBarController *)tabBarControllershouldSelectViewController:(UIViewController *)viewController
{
    if ([self.viewControllers indexOfObject:viewController] == 1) {
        NSLog(@"禁止访问");
        return NO;
    }
    return YES;
}

//切换进入到某个子视图控制器的时候调用
- (void)tabBarController:(UITabBarController *)tabBarControllerdidSelectViewController:(UIViewController *)viewController
{
    NSLog(@"Number %dviewController selected",[self.viewControllers indexOfObject:viewController]);
}<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> </span>

//通过more中的Edit调出定制界面后调用
- (void)tabBarController:(UITabBarController *)tabBarControllerwillBeginCustomizingViewControllers:(NSArray *)viewControllers
{
    NSLog(@"定制分页栏");
}

//定制结束后调用，参数changed表示是否改变了分页栏
- (void)tabBarController:(UITabBarController *)tabBarControllerwillEndCustomizingViewControllers:(NSArray *)viewControllers changed:(BOOL)changed
{
    switch (changed) {
        case YES:
            NSLog(@"分页栏重新定制");
            break;
           
        default:
            NSLog(@"分页栏未改变");
            break;
    }
}

//退出定制的时候调用
- (void)tabBarController:(UITabBarController *)tabBarControllerdidEndCustomizingViewControllers:(NSArray *)viewControllers changed:(BOOL)changed
{
    NSLog(@"退出定制");
}

由于各个代理方法涉及的界面较多，这里就不一一贴出结果了，读者请自行尝试以更好的体会。