让每一个UIViewController单独拥有navigaio

2017-07-29  本文已影响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类

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

@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

上一篇下一篇

猜你喜欢

热点阅读