DSTabBarController

这是一个tabBarController（导航控制器）组件。简单易用，功能强大。轻量、低耦合以及良好的扩展性。通过简单的几行代码可以让你快速搭建起流行的应用UI架构。

普通的TabBar

如果你只想构建一个很普通的tabbarController，像这种：

1.gif

那么你只需要这样做

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    
    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    self.window.rootViewController = [self rootViewController1];
    [self.window makeKeyAndVisible];
    return YES;
}
// 设置导航控制器TabBarController
// 传入一个 `控制器数组` 和 `选项卡属性数组`
- (UIViewController *)rootViewController1
{
    
    NSArray *viewControllers = [self viewControllers];
    NSArray *tabBarItems = [self tabBarItems];
    DSTabBarController *tabBarController = [DSTabBarController tabBarControllerWithViewControllers:viewControllers tabBarItems:tabBarItems];
    return tabBarController;
}

// 这个数组是 每个选项卡上对应的控制器
// 可以传字符串、Class或者控制器实例
- (NSArray *)viewControllers
{
     UINavigationController *nav1 = [[UINavigationController alloc] initWithRootViewController:[[DSFirstTableViewController alloc] initWithStyle:UITableViewStylePlain] ];
    return @[nav1,@"DSSecondViewController"];
}
//这是数组是 每个选项卡的属性
//数组中每个元素的类型是 `UITabBarItem`
- (NSArray *)tabBarItems
{
    UITabBarItem *tabBarItem1 = [[UITabBarItem alloc] initWithTitle:@"one" image:[UIImage imageNamed:@"my"] selectedImage:[UIImage imageNamed:@"my_h"]];
    UITabBarItem *tabBarItem2 = [[UITabBarItem alloc] initWithTitle:@"two" image:[UIImage imageNamed:@"home"] selectedImage:[UIImage imageNamed:@"home_h"]];
    return @[tabBarItem1,tabBarItem2];
}

DSTabBarController提供了一个遵守<DSTabBarControllerDelegate>的代理ds_delegate。他可以监听选项卡（实际上是UITabbarButton）的按下和长按。

- (UIViewController *)rootViewController1
{
    NSArray *viewControllers = [self viewControllers];
    NSArray *tabBarItems = [self tabBarItems];
    DSTabBarController *tabBarController = [DSTabBarController tabBarControllerWithViewControllers:viewControllers tabBarItems:tabBarItems];
    //设置代理
    tabBarController.ds_delegate = self;
    return tabBarController;
}

实现代理方法

- (void)tabBarController:(DSTabBarController *)tabBarController didClickTabBarButton:(UIControl *)tabBarButton viewController:(UIViewController *)viewController
{
    [self addZoonAnimationWithView:tabBarButton];
}

- (void)addZoonAnimationWithView:(UIView *)view
{
    CAKeyframeAnimation *animation = [CAKeyframeAnimation animation];
    animation.keyPath = @"transform.scale";
    animation.values = @[@1.0,@1.3,@0.9,@1.15,@0.95,@1.02,@1.0];
    animation.duration = 0.9;
    animation.calculationMode = kCAAnimationCubic;
    [view.layer addAnimation:animation forKey:nil];
}

上面代码是当选项卡点击后，给选项卡添加了一个帧动画。效果如下：


2.gif

当需要监听选项卡长按时，需要实现下面的代理方法

//tabBarController默认是不能响应长按事件的
//如果需要支持长按 这里返回YES
- (BOOL)tabBarController:(DSTabBarController *)tabBarController shouldLongPressTabBarButton:(UIControl *)tabBarButton viewController:(UIViewController *)viewController
{
    return YES;
}
//这个方法里是写长按要实现的功能
- (void)tabBarController:(DSTabBarController *)tabBarController didLongPressUITabBarButton:(UIControl *)tabBarButton viewController:(UIViewController *)viewController
{
  //这里是长按功能的业务代码
    UIViewController *viewController = tabBarController.publishViewController;
    [UIView animateWithDuration:0.25 animations:^{
        viewController.view.layer.transform = CATransform3DMakeScale(0.95, 0.95, 0.7);
    }];
    UIAlertController *alerController = [UIAlertController alertControllerWithTitle:@"title" message:@"message" preferredStyle:UIAlertControllerStyleActionSheet];
    UIAlertAction *action = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
        [UIView animateWithDuration:0.25 animations:^{
            viewController.view.layer.transform = CATransform3DIdentity;
        }];
     }];
    [alerController addAction:action];
    [viewController presentViewController:alerController animated:YES completion:nil];
}

设置后的效果如下：


3.gif

你还可以设置长按的时间

@property (nonatomic, assign) CFTimeInterval minimumPressDuration;// Default is 0.8. Time in seconds the fingers must be held down for the gesture to be recognized

特殊的TabBar

像是闲鱼客户端的那种TabBar，TarBar的中间有个特殊的按钮，大致效果如下：


4.gif

这就需要数据源方法了，首先设置数据源

 tabBarController.ds_dataSource = self;

实现以下的数据源方法

//设置特殊按钮
- (UIButton *)tabBarControllerPublishButton:(DSTabBarController *)tabBarController
{
  return [self publishButton];
}

- (UIButton *)publishButton
{
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    [button setImage:[UIImage imageNamed:@"yuanfenqi"] forState:UIControlStateNormal];[button setImage:[UIImage imageNamed:@"yuanfenqi_h"] forState:UIControlStateSelected];
    button.backgroundColor =[UIColor cyanColor];
    //默认`sizeToFit`
    button.frame = CGRectMake(0, 0, 100, 100);
    button.showsTouchWhenHighlighted = YES;
    return button;
}

监听特殊按钮的点击

- (void)tabBarController:(DSTabBarController *)tabBarController didClickPublishButton:(UIButton *)button
{
    //添加关键帧动画
    [self addZoonAnimationWithView:button];
    //执行按钮点击后的事件
    //这里写你的业务逻辑代码
    UIViewController *vc = [[UIViewController alloc] init];
    vc.view.backgroundColor =[UIColor yellowColor];
    vc.modalPresentationStyle = UIModalPresentationCustom;
    vc.view.alpha = 0.9;
    [tabBarController.selectedViewController presentViewController:vc animated:YES completion:nil];
}
关于特殊按钮的位置

若需要指定特殊按钮的位置，实现以下数据源方法

- (NSUInteger)tabBarControllerPublishButtonIndex:(DSTabBarController *)tabBarController
{
    return 1;
}

若没有指定特殊按钮的位置，有如下简单的规则：

如果TabBar上总选项卡个数是奇数个，则特殊按钮居中;
如果TabBar上总选项卡个数是偶数个,特殊按钮会在最后一个位置。

如果你的应用点击特殊按钮不是弹出一个单独的控制器，而是根TabBar上的其他选项卡一样，需要实现以下数据源方法

- (UIViewController *)tabBarControllerSelectPublishButtonViewController:(DSTabBarController *)tabBarController
{
    UIViewController *vc= [[UIViewController alloc] init];
    vc.title  = @"Text";
    vc.view.backgroundColor = [UIColor yellowColor];
    return [[UINavigationController alloc] initWithRootViewController:vc];
}

效果如下图：

5.gif

监听特殊按钮的长按

- (BOOL)tabBarController:(DSTabBarController *)tabBarController shouldLongPressPublishButton:(UIButton *)button
{
    return YES;
}

//这个方法里是写长按要实现的功能
- (void)tabBarController:(DSTabBarController *)tabBarController didLongPressPublishButton:(UIButton *)button
{
    UIViewController *viewController = tabBarController.publishViewController;
    [UIView animateWithDuration:0.25 animations:^{
        viewController.view.layer.transform = CATransform3DMakeScale(0.95, 0.95, 0.7);
    }];
    UIAlertController *alerController = [UIAlertController alertControllerWithTitle:@"title" message:@"message" preferredStyle:UIAlertControllerStyleActionSheet];
    
    UIAlertAction *action = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
        [UIView animateWithDuration:0.25 animations:^{
            viewController.view.layer.transform = CATransform3DIdentity;
        }];
        
    }];
    [alerController addAction:action];
    [viewController presentViewController:alerController animated:YES completion:nil];
}

PS:
最低支持：iOS7
支持Pod：Pod 'DSTabBarController'
Demo地址：DSTabBarController

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,196评论 4赞 61
  • Fab燕燕
    Fab燕燕阅读 156评论 0赞 0
  • 健康食谱
    近轻断食的概念又被翻出来，虽然但凡有一点营养常识的人肯定对这种概念嗤之以鼻，但是搭这个热点宣传自己也不乏是一种吸粉...
    健康起飞吧阅读 194评论 0赞 0
  • 「SVN」Tortoise SVN 使用记录
    毕业入职以来，使用 SVN 版本控制工具管理代码，记录以下对于工作中较好的使用 SVN 配置； 1. 配置忽略文件...
    dongbingliu阅读 414评论 0赞 1