iOS 多个UITabBar的技术实现

2020-03-06  本文已影响0人  爱笑的猫mi

一、源起

小编最近在使用App的时候,经常遇到UITabBarController为根控制器跳转到另一个UITabBarController.这种作为可以尽最大可能性的细分模块。经过几次实验和浏览相关App。最终决定了2种方案。

二、实现关键点

1、实现UITabBarControllerDelegate

    @interface YITabBarController ()
    @end
    @implementation YITabBarController
    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view.
        self.delegate = self;
    }
    @end

2、实现 -tabBarController:shouldSelectViewController:方法

    - (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController{
   
 }

三、实现方案

第一种实现 使用模态视图

使用模态视图并修改模态视图的弹出动画为push的形式

    - (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController {
        //4是泡泡页面
        if ([viewController isEqual:[tabBarController.viewControllers objectAtIndex:4]]) {
            SecondTabBarController * vc = [[SecondTabBarController alloc] init];
            CATransition * ansition = [CATransition animation];
            [ansition setDuration:0.25f];
            [ansition setType:kCATransitionMoveIn];
            [ansition setSubtype:kCATransitionFromRight];
            [[UIApplication sharedApplication].keyWindow.layer addAnimation:ansition forKey:nil];
            [self presentViewController:vc animated:NO completion:nil];
            return NO;
        }
        return YES;
    }

模态视图的返回

    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view.
        self.view.backgroundColor = [UIColor groupTableViewBackgroundColor];
        UIBarButtonItem * leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:(UIBarButtonItemStyleDone) target:self action:@selector(back)];
        self.navigationItem.leftBarButtonItem = leftBarButtonItem;
    }
    - (void)back {
            CATransition * ansition = [CATransition animation];
            [ansition setDuration:0.25f];
            [ansition setType:kCATransitionMoveIn];
            [ansition setSubtype:kCATransitionFromLeft];
            [[UIApplication sharedApplication].keyWindow.layer addAnimation:ansition forKey:nil];
            [self dismissViewControllerAnimated:NO completion:nil];
    }

效果如下图(gif图,如果不会动请刷新)


iyiqi_gif1.gif

弊端
gif图可能看的不是很清楚。
弊端就是在push 或者 pop动画执行时会看到黑影闪过,如果要求不高的可以使用这个。
为了解决这个问题,我们引出第二种实现方案.

第二种实现 使用UINavigationController push的形式

导航栏push的方式
还是先实现前置条件里的代码

接着实现以下代码

    - (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController {
        //4是泡泡页面
        if ([viewController isEqual:[tabBarController.viewControllers objectAtIndex:4]]) {
            SecondTabBarController * vc = [[SecondTabBarController alloc] init];
            vc.hidesBottomBarWhenPushed = YES;
            UINavigationController * nav = tabBarController.viewControllers[tabBarController.selectedIndex];
            [nav pushViewController:vc animated:YES];
            return NO;
        }
        return YES;
    }

注意事项
要在第二个TabBar里隐藏掉最外层的导航栏,否则将可能出现2个导航栏的效果

    - (void)viewWillAppear:(BOOL)animated {
        [super viewWillAppear:animated];
        [self.navigationController setNavigationBarHidden:YES animated:animated];
    }
    - (void)viewWillDisappear:(BOOL)animated {
        [super viewWillDisappear:animated];
        [self.navigationController setNavigationBarHidden:NO animated:animated];
    }

一定要使用 -setNavigationBarHidden:animated: 这个方法来显示隐藏导航栏,并且动画效果不要写YES或者NO要用animated,否则将会出现导航栏黑边闪一下或者手势时出现黑边的情况。
效果如下图(gif图,如果不会动请刷新)


iyiqi_gif2.gif
上一篇下一篇

猜你喜欢

热点阅读