美文网首页
iOS 多个UITabBar的技术实现

iOS 多个UITabBar的技术实现

作者: 爱笑的猫mi | 来源:发表于2020-03-06 09:54 被阅读0次

    一、源起

    小编最近在使用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

    相关文章

      网友评论

          本文标题:iOS 多个UITabBar的技术实现

          本文链接:https://www.haomeiwen.com/subject/okkvrhtx.html