ios tabbar插件_iOS之自定义tabBar

在iOS原生的tabBar中，能够实现按钮的点击事件，能够实现视图控制器的切换等，但是在实际工程中，对于tabBar的要求的功能往往是系统自己实现不了的，所以我们这里就需要用到自定义的tabBar了。

对于tabBar上展示视图控制器，我们会采用的是在把几个视图控制直接加载到tabBarController上去。这里新建三个视图控制器，由于在

一、系统样式

ViewController会有其他代码，所以我们这里另一写一个类，在这里只设置一个背景颜色就可以了。所以我们先新建一个类叫做WJViewController，让它继承自UIViewController。这里设置视图的背景颜色，这里可以设置为随机色。

// 设置背景颜色为随机色

self.view.backgroundColor = [UIColor colorWithRed:arc4random() % 256 /255.0 green:arc4random() % 256 /255.0 blue:arc4random() % 256 /255.0 alpha:1.0];

然后新建三个视图控制器，继承自WJViewController，这样三个视图控制的背景颜色都有了。新建的三个类，分别命名为WJFirstViewController、WJSecondViewController、WJThirdViewController。然后我们去实现相关方法。

1.首先创建一个tabBarController，用于接收实例化好的视图控制器。

// 1.创建标签栏控制器 UITabBarController *tabBarController = [[UITabBarController alloc]init];

2.然后就可创建需要让标签栏控制器管理的子视图控制器：

// 1>.第一个视图控制器

WJFirstViewController *first = [[WJFirstViewController alloc]init];

first.tabBarItem.title = @"first";

first.tabBarItem.image = [[UIImage imageNamed:@"tiaoman_u.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

first.tabBarItem.selectedImage = [[UIImage imageNamed:@"tiaoman_d.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

// 2>.第二个视图控制器

WJSecondViewController *second = [[WJSecondViewController alloc]init];

second.tabBarItem.title = @"second";

second.tabBarItem.image = [[UIImage imageNamed:@"faxian_u.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

second.tabBarItem.selectedImage = [[UIImage imageNamed:@"faxian_d.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

// 3>.第三个视图控制器

WJThirdViewController *third = [[WJThirdViewController alloc]init];

third.tabBarItem.title = @"third";

third.tabBarItem.image = [[UIImage imageNamed:@"wode_u.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

third.tabBarItem.selectedImage = [[UIImage imageNamed:@"wode_d.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

3.对子视图控制器进行管理

有两种方案可以选择：一是用数组进行接收，二是用一个方法进行接收子视图控制器。

法一：

//tabBarController.viewControllers = @[first, second, third];

法二：

[tabBarController addChildViewController:first];

[tabBarController addChildViewController:second];

[tabBarController addChildViewController:third];

这里最好使用第二种方法进行对子视图控制器进行管理。

代码进行到这里就可以把视图控制器tabBarController展示在Windows上了，所以需要把tabBarController设为根视图。

// 可以通过每个已经显示在界面上的视图,拿到当前应用程序的window

self.view.window.rootViewController = tabBarController;

}

这样代码进行到这里系统样式的功能就已经实现了，但是对于我们实际要求的功能相差甚远，所以我们开始自定义的tabBar的创建。

二、自定义样式

下面我们来简单分析下系统的tabBar的功能。

2.1分析

分析首先按钮有按钮点击事件，点击按钮后会改变相应的视图控制器，而且点击按钮后的图标会有相应的改变。而自定义的tabBar也需要达到这些功能，甚至还需要达到自定义按钮的形状的和功能的要求。

对于系统的tabBar来说，能够展示按钮的文字和图片，而这些内容是加载在tabBar的_UITabBarBackgroundView上的UITabBarButton上的UILabel和UIImageView上的。而我们要自定义按钮就需要覆盖系统本身的控件，但这些控件我们是拿不到的，用点语法这些控件是不能联想出来的，但我们又要实现和系统一样的功能，我们只能用一个方法把tabBar上的所有控件移除，因此要用遍历的方法实现移除；我们移除了系统自带的tabBar后就需要自定义一个wjTabBar来代替原有的tabBar。然后在wjTabBar上添加按钮，然后设置相应的点击事件，更改相应的状态就可实现和系统