iOS 仿nice首页的navigationbar消失显示效果二(代码的优化)

我跟很多朋友说过:“相比于开发新功能来说,我更喜欢维护、优化老代码,一般情况,开发新功能是一个知识输出的过程,也是对新事物认知的过程,当然也是知识面拓宽的过程。而优化老代码则是一个向深层次探索的过程,在不改变现有效果的前提下,怎样去优化的思索过程,它能提高对某个知识点的深度认知”。代码都是在不断优化中得以提升的,上一篇的demo在使用的过程中发现一些不协调的地方。于是乎决定优化一下。

1、tableview页面向上滑动的后,导航栏消失,此时点击cell跳转到下一级页面,下一级界面的导航栏不显示


iOS 仿nice首页的navigationbar消失显示效果二(代码的优化)_第1张图片
导航栏不显示.png

出现这一现象的原因是:我们在NavBarViewController控制器中将self.navigationController.navigationBar.frame的y值向上偏移了24个像素。

处理办法:在NavBarViewController控制器中重写- (void)viewWillDisappear:(BOOL)animated;方法代码如下:
- (void)viewWillDisappear:(BOOL)animated{
[super viewWillDisappear:animated];
[UIView animateWithDuration:0.1 animations:^{
CGRect navBarFrame = NavBarFrame;
navBarFrame.origin.y = 20;
self.navigationController.navigationBar.frame = navBarFrame;
} completion:^(BOOL finished) {
//此行代码是必须写的,不然self.overLay会挡在navigationBar上面,不仅导航栏的title被遮盖住,返回按钮也不起作用,alpha = 0是不能响应事件的。
self.overLay.alpha = 0;
}];
}
在重写- (void)viewWillDisappear:(BOOL)animated;方法过程中,发现如果直接写成这个样子
- (void)viewWillDisappear:(BOOL)animated{
[super viewWillDisappear:animated];
CGRect navBarFrame = NavBarFrame;
navBarFrame.origin.y = 20;
self.navigationController.navigationBar.frame = navBarFrame;
//此行代码是必须写的,不然self.overLay会挡在navigationBar上面,不仅导航栏的title被遮盖住,返回按钮也不起作用,alpha = 0是不能响应事件的。
self.overLay.alpha = 0;
}
tableView滑动过程中,在NavBarViewController中给self.scrollView添加的手势就失效了,此问题喔尚且没有时间去深究,有知道原因的朋友,可否留言告知,在此先谢了。

2、[self followSwipeScrollView:self.tableView];调用位置的改变
在上一个demo中[self followSwipeScrollView:self.tableView];可以在viewDidLoad中调用,优化之后改到
viewWillAppear中调用了,因为在跳转到下一级页面的时候NavBarViewController中的self.isHidden被设置成YES了,而这个在界面显示出来应为NO,所以需要在界面每次显示出来的时候将其设置成NO,所以要在viewWillAppear中调用,否则你在将tableview向上滑动navigationBar不消失,只有向下划一下,在向上滑动才会消失。您不妨试一试,也是一种学习。只需


iOS 仿nice首页的navigationbar消失显示效果二(代码的优化)_第2张图片
重现bug方法.png

这个小改动带来的其它下改动:
(1)、ViewController中的tableview需要使用懒加载的方式
(2)、NavBarViewController中的overLay也需要使用懒加载的方法

只为避免在多次调用followSwipeScrollView:的过程中多次创建他们。

3、非常感谢名为iOS_Country读者的留言,提醒我没有将我调试过程中的代码删掉,现在好了,已经搞掉了。看上去更加简洁了。很多时候,我们因为时间原因,只要实现了功能就不去管代码的质量,殊不知有很多代码是调试过程中产生的冗余代码。没事儿将自己的代码晒出来,会有很多收获的。非常感谢您的反馈。

4、一个额外的知识点self.edgesForExtendedLayout的使用
edgesForExtendedLayout是一个类型为UIExtendedEdge的属性,指定边缘要延伸的方向。因为iOS7之后鼓励全屏布局,它的默认值很自然地是UIRectEdgeAll,四周边缘均延伸,就是说,如果即使视图中上有navigationBar,下有tabBar,那么视图仍会延伸覆盖到四周的区域。一般情况下,我们都不想让视图延伸覆盖到四周的区域。只需:

self.edgesForExtendedLayout = UIRectEdgeNone;

即可。
您不妨将dome中ZJViewController控制器里的此行注释掉看一下效果。

iOS 仿nice首页的navigationbar消失显示效果二(代码的优化)_第3张图片
UIRectEdgeNone效果.png

如有时间,也感兴趣,可以将这两个dome都下载了,对比一下。
dome地址

你可能感兴趣的:(iOS 仿nice首页的navigationbar消失显示效果二(代码的优化))