最近看见不少的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操作和之前完全一样,不用改任何代码