美文网首页
让每一个UIViewController单独拥有navigaio

让每一个UIViewController单独拥有navigaio

作者: 初心丶可曾记 | 来源:发表于2017-07-29 15:04 被阅读237次

    最近看见不少的app(淘宝,饿了么等),每一个页面都自带了一个单独navigationBar,并且在自己项目中也时常为navigaionBar丝滑般显示和隐藏头疼过,所以就想自己实现一下,我的实现方式可能和淘宝等不一样,但是思路还是值得大家借鉴的(完整的demo在文章末尾)。

    整体效果如下:

    首页,我们先了解一下UINavigationcontroller。每个UINavigationController拥有一个UINavigationBar,并且它所管理的VC都是共享同一个Bar,所以,要想让每个VC自带一个UINavigationBar,很自然的想到将这个VC套进UINavigationController,然后push这个UINavigationController,所以在VC中的代码就这么写。

    UIViewController *controller = [[UIViewController alloc] init];
    UINavigationController *wrapNav = [[UINavigationController alloc] initWithRootViewController:controller];
    [self.navigationController pushViewController:wrapNav animated:YES];
    

    然后运行,结果崩溃了,excuse me???查看控制台发现



    意思是UINavigationController不能push一个UINavigationController,此时我们就要另辟蹊径了,既然不能push一个Navi,那么我们可以将Navi以子控制器的方式添加到一个VC中,让后push这个VC就行了。

    接下里就是开始写代码了,首先理清一下需要用到哪些类,一个用于push的navi类,一个用于包装VC的navi类,一个用于包装navi的VC类

    • KJRootNavigationController(用于push)
    • __KJWrapperNavigaionController(用于包装要push的VC)
    • __KJWrapperViewController(用于包装上面的KJWrapperNavigaionController)

    上面两个类用两下划线开头仿照苹果写法,表示内部隐藏类,外部无法使用。

    @implementation KJRootNavigationController
    - (instancetype)initWithRootViewController:(UIViewController *)rootViewController {
    if ([rootViewController isKindOfClass:[__KJWrapperViewController class]] == NO) {
        rootViewController = [[__KJWrapperViewController alloc] initWithContentViewController:rootViewController hasBackItem:NO];
    }
    if (self = [super initWithRootViewController:rootViewController]) {
        
    }
        return self;
    };
    - (void)awakeFromNib {
        [super awakeFromNib];
        UIViewController *rootViewController = self.viewControllers.firstObject;
        if ([rootViewController isKindOfClass:[__KJWrapperViewController class]] == NO) {
            rootViewController = [[__KJWrapperViewController alloc] initWithContentViewController:rootViewController hasBackItem:NO];
        }
        self.viewControllers = @[rootViewController];
    }
    

    我们先把navi的根视图VC包装成__KJWrapperViewController,包装后的VC层次结构如下图



    awakeFromNib是为了适配从xib或StoreBoard加载KJRootNavigationController,除了初始化方法需要包装vc外,push方法也需要代码如下:

    - (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated {
    BOOL hasBack = self.viewControllers.count > 0 ? YES : NO;
    
    if ([viewController isKindOfClass:[__KJWrapperViewController class]] == NO) {
        viewController = [[__KJWrapperViewController alloc] initWithContentViewController:viewController hasBackItem:hasBack];
    }
        [super pushViewController:viewController animated:animated];
    }
    

    接下来看__KJWrapperViewController

    @implementation __KJWrapperViewController
    
    - (instancetype)initWithContentViewController:(UIViewController *)contentViewController hasBackItem:(BOOL)hasBack {
        if (self = [super init]) {
            __KJWrapperNavigaionController *nav = (__KJWrapperNavigaionController *)contentViewController;
            if ([contentViewController isKindOfClass:[__KJWrapperNavigaionController class]] == NO) {
                nav = [[__KJWrapperNavigaionController alloc] initWithRootViewController:contentViewController hasBackItem:hasBack];
            }
            self.contentViewController = nav;
            
            [self addChildViewController:nav];
            [contentViewController didMoveToParentViewController:self];
            
        }
        
        return self;
    }
    

    这里注意添加子控制器的用法需要用到addChildViewController和didMoveToParentViewController,目的是为了让子控制器的生命周期与父控制器同步

    - (BOOL)hidesBottomBarWhenPushed {
        return self.contentViewController.hidesBottomBarWhenPushed;
    }
    

    注意重写该方法来控制tabbar的显示和隐藏。

    最后来看__KJWrapperNavigaionController

    - (instancetype)initWithRootViewController:(UIViewController *)rootViewController hasBackItem:(BOOL)hasBack {
    
        //这里不用initWithRootViewController方法初始化,因为该方法会导致直接进入viewDidLoad方法,而不是先走if内的逻辑,故改为[super init],然后在给viewControllers设值,效果等同
        if (self = [super init]) {
            self.hasBackItem = hasBack;
            self.viewControllers = @[rootViewController];
        }
        return self;
    }
    

    至此,一个基本的可用的KJRootNavigationController就完成,但是一般我们的跳转方式是用[self.navigationController pushViewController:xxx]的方式,而此时self.navigationController的实际类型是【__KJWrapperNavigaionController】。

    为了不改变使用者的习惯,我们还需要重写【__KJWrapperNavigaionController】的push 和 pop方法



    pop方法和push方法类似,这里不再赘述。

    运用到实际项目中我们该怎么使用呢

    值需要将原来的NavigationController替换成KJRootNavigationController,然后设置navigationBar的方式以及push操作和之前完全一样,不用改任何代码


    整体的代码并不复杂,重点是实现思路和理清视图层次结构,如果你想看完整的代码,请到这里去下载完整demo

    相关文章

      网友评论

          本文标题:让每一个UIViewController单独拥有navigaio

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