iOS Swift5从0到1系列（五）：学习UINavigationController（3）：NavigationBar 显示与隐藏

UINavigationController 小系列（持续更新）：

学习UINavigationController（1）：基础
学习UINavigationController（2）：底部TabBar的显示与隐藏
学习UINavigationController（3）：NavigationBar 显示与隐藏

一、前言

上篇，我们分析了如何正确的通过继承 UINavigationBar 并重写 pushViewController 来正确的设置 tabBar 的显示与隐藏，本篇，将如题所述那样，控制顶部导航栏的显示与隐藏。

导航栏的显示与隐藏，一般用于的场景：

• 类似天猫、京东APP首页，默认隐藏导航栏，滚动时，通过过渡动画来显示自定义导航栏；
• Hybrid时，即WKWebView全屏展示H5时，隐藏原生导航栏，由H5来自主导航栏；
• 查看图片 / 视频时，进入与退出全屏时控制导航栏的显示与隐藏；
• ..... 等等，还有很多 case，就不一一列举；

列举以上的场景，并不是让大家去做产品经理（虽然，有本书叫作：人人都是产品经理；无论是开发还是测试，都应该站在用户的角度去思考，如何更好更合理的设计出一款APP），而是我们在某些场景下，页面的切换（push & pop）需要保持页面导航栏前后一致性。

二、页面导航栏前后一致性

本小节会深入分析 UINavigationController 的原理，新人需要好好学习，因为控制不当，容易造成前后不一致（我在上篇前言中，贴了一张 gif 图，首页的导航栏背景色开始是白色，push 到下一个页面，导航栏背景是蓝色，然后 pop 回来，首页的导航栏还是蓝色，并没有恢复为白色）；同样，多年开发的老同学，也需要『温顾而知新』。

• UINavigationController 在之前就分析过：

  • 栈式管理 ViewController；
  • 栈式管理 navigationItem；
  • push & pop 时，UINavigationController会 sync，即同步；

• 除此，还有几点我没有提到，而是特意保留到了本章来讲：

  1. UINavigationController 具有传递性（其实就是 sync）；
  2. 每个 UINavigationController 是单独管理自己的栈的；

• 针对上面两点，我来一一解释：

  1. 所谓传递性，其实是 navigationBar （类型：UINavigationBar，依附于当前的 navigationController 实例），它是一个针对当前 UINavigationController 实例的统一设定，所以一旦某处作了修改，将会适用于该 UINavigationController 栈中所有的 VC，但你可以通过 UINavigationItem 来为其定制左右按钮，至于修改背景色，额，只能自定义导航栏，除此无它法， ；
  2. 我们在 UITabBarController 中，嵌套了 N 个 UINavigationController(ViewController)，因此，这 N 个 UINavigationController 对象的 VC 栈是独立的管理的，不会相互使用；

另外，针对有多个 UINavigationController (即会生成多个对应的 navigationBar)，可以使用 UINavigationBar 的 UIAppearance 进行全局统一设置，因为 appearance 是单例。

三、统一处理（了解就行）

UINavigationBar 中有个属性 isHidden，为 true 就隐藏，false 就显示，但是上篇我也说了，操作 navigationBar 是极度危险的，会对当前栈中所有的 UIViewController 都适用，所以，如果我们 previousVC 是隐藏，push 后下一个是显示，再 pop 时，previousVC 的导航栏就显示了，因此，我们需要统一处理，虽然这种方式能够达到显示与隐藏的效果，但是用户体验非常不好。

3.1、进入与退出时设置 isHidden

先上图如下：

show-hide-navigation-bar-bad!.gif

上图我们可以看到两处非常生硬的导航栏处理：

• push 下一页时，还没完全进入，下一面的导航栏就已经显示了；
• pop 回上一页时，刚开始动画，导航栏就隐藏了；

先给出这种统一处理的代码：

• 修改 BaseViewController：

base-vc.png

• 修改一级页面 HomeViewController：

home-vc.png

• 修改二级页面 ViewController：

vc.png

• 修改 CustomNavigationController：

custom-nc-pop.png

3.2、退出后再处理导航栏

同样先上图如下：

show-hide-navigation-bar-less-bad!.gif

虽然用户体验还是非常的差，但稍微好一点点在于：导航栏在 pop 完全完成后才消失。当然，也不能说这种方式就比上一种要好，各有侧重点吧。

基于上面 3.1 的代码，我们只需要稍微修改一下 CustomNavigationController，实现一个 CustomNavigationControllerDelegate 即可：

custom-nc-delegate.png

那有没有比这两种方式更好的处理呢？当然是有的，下一篇，我将分享，如何通过自定义导航栏完成以下事：

1. ViewController 控制各自的导航栏；
2. push & pop 相互不会影响；
3. 基于以上两点，即便颜色、背景不一样，都能较为完美的过渡；

敬请期待，谢谢！