iOS Tabbar中间添加凸起可旋转按钮功能

最近的项目中有需求在tabbar中间添加凸起按钮，并且点击时按钮要旋转，看了仿斗鱼的凸起，点击后是present出来View，而不是像常规的tabbar上添加一个页面，所以不符合要求，经过一段摸索最后得的一个比较好的效果，下面看效果图

![效果图.gif]

##需求分析

* tabbar有5个item，每个对应一个页面

* 中间item为凸起按钮

* 中间按钮点击后旋转

##效果实现

* 设置5个item

我们一步步来解决这个问题，首先创建MCTabBarController继承UITabBarController，然后和常规一样创建5个item，中间的按钮不设置图片，代码如下

//MCTabBarController.m
//添加子控制器
- (void)addChildViewControllers{
 //图片大小建议32*32
 [self addChildrenViewController:[[ViewController alloc] init] andTitle:@"首页" andImageName:@"tab1_n" andSelectImage:@"tab1_p"];
 [self addChildrenViewController:[[ViewController alloc] init] andTitle:@"扩展" andImageName:@"tab2_n" andSelectImage:@"tab2_p"];
 //中间这个不设置东西，只占位
 [self addChildrenViewController:[[ViewController alloc] init] andTitle:@"旋转" andImageName:@"" andSelectImage:@""];
 [self addChildrenViewController:[[ViewController alloc] init] andTitle:@"发现" andImageName:@"tab3_n" andSelectImage:@"tab3_p"];
 [self addChildrenViewController:[[ViewController alloc] init] andTitle:@"我" andImageName:@"tab4_n" andSelectImage:@"tab4_p"];
}
- (void)addChildrenViewController:(UIViewController *)childVC andTitle:(NSString *)title andImageName:(NSString *)imageName andSelectImage:(NSString *)selectedImage{
 childVC.tabBarItem.image = [UIImage imageNamed:imageName];
 childVC.tabBarItem.selectedImage = [UIImage imageNamed:selectedImage];
 childVC.title = title;
 
 BaseNavigationController *baseNav = [[BaseNavigationController alloc] initWithRootViewController:childVC];
 
 [self addChildViewController:baseNav];
}