关于隐藏导航栏后的一些问题

项目中“我的”页面要求隐藏导航栏,push到下一个控制器后再让他出现。实现方法有很多,主流的有一种是在viewWillAppear和viewWillDisappear里面做文章,另一种push前截屏,用截屏图片自己做动画。我选择了第一种,下面说说遇到的问题和解决办法。

第一种方法最简单的做法就是,在界面将要出现时隐藏导航栏,在将要消失时显示导航栏。代码如下:

- (void)viewWillAppear:(BOOL)animated {

[super viewWillAppear:animated];

[self.navigationController setNavigationBarHidden:YES animated:YES];

}

- (void)viewWillDisappear:(BOOL)animated{

[super viewWillDisappear:animated];

[self.navigationController setNavigationBarHidden:NO animated:YES];

}

这样做在设置导航栏隐藏或者显示的时候会面临一个选择,就是要不要动画。如果不要动画,导航栏的隐藏和显示会比较突兀,体验不好;如果要动画,从其他tabbar回来的时候感觉这个动画很多余。想了一下,解决办法很简单,让导航栏隐藏或者显示的动画跟随界面出现或者隐藏的动画,代码如下:

- (void)viewWillAppear:(BOOL)animated {

[super viewWillAppear:animated];

[self.navigationController setNavigationBarHidden:YES animated:animated];

}

- (void)viewWillDisappear:(BOOL)animated{

[super viewWillDisappear:animated];

[self.navigationController setNavigationBarHidden:NO animated:animated];

}

做完这些一试,感觉不错,该有动画的时候有动画,不该有的时候没有,而且用的系统自带的方法,效果和性能都能得到保障,很开心。然而在后来一次测试的时候发现,用右划手势从下一个界面返回的时候,划一半再拉回去,有比较大的几率会使下一个控制器的导航栏消失。本以为是方法调用顺序的问题,就在下一个控制器的viewWillAppear等方法里写上[self.navigationController setNavigationBarHidden:NO animated:animated];然而没什么卵用。后来想可能是系统在执行动画后出了什么问题,导致隐藏了导航栏,然后就试着在当前控制器里加了这些代码:

- (void)viewDidDisappear:(BOOL)animated {

[super viewDidDisappear:animated];

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.25 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

[self.navigationController setNavigationBarHidden:NO];

});

}

为什么延时时间是0.25,我猜的。。。。当然不是,我记得有人说界面跳转动画时间是0.25秒,所以用了这个时间。加上这个代码之后,测试很久,发现还真的好用。只不过有些时候划一半回到下一个控制器后,下一个控制器会闪一下,这个体验也不好,那就继续想办法。我觉得会闪一下是因为本来系统将导航栏隐藏了,到这里又重新显示,界面重绘,所以闪一下。要想让这个闪动消失,除非让导航栏在下一个控制器一直是显示的,这又回到了之前的问题,我还是想想其他办法,能不能降低这个闪动对用户体验的影响。我把目光放在了0.25这个数值上,我尝试降低这个时间,发现这个数值越小,闪动带来的影响也越小。虽然没有真正消除这个闪动,但是我觉得体验上已经可以接受了。最终代码如下:

- (void)viewWillAppear:(BOOL)animated {

[super viewWillAppear:animated];

[self.navigationController setNavigationBarHidden:YES animated:animated];

}

- (void)viewWillDisappear:(BOOL)animated{

[super viewWillDisappear:animated];

[self.navigationController setNavigationBarHidden:NO animated:animated];

}

- (void)viewDidDisappear:(BOOL)animated {

[super viewDidDisappear:animated];

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.01 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

[self.navigationController setNavigationBarHidden:NO];

});

}

以上代码只需要写到需要隐藏导航栏的控制器里就可以了,不用在其他控制器添加代码,对其他的控制器影响较小。最终虽然没有十分完美的解决问题,但是我觉得在用户体验上已经可以接受。当然,有空也会研究一下上面的第二种方法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,002评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,267评论 4 61
  • 上个月我收到研究生录取通知书后,在朋友圈发了一波照片,然后就不断的有同事朋友大学同学问我考研的相关问题。 问...
    李博识阅读 623评论 1 48
  • 我们经常看到一些证书上,印制着某些老师或者名人名家的手写签名或者印章,很拽有没有。 今天就来教下大家,如何制作我们...
    Miracle_King阅读 49,455评论 0 7
  • 本文来自微信公众号拆书帮(ID:chaishubang) 周末和朋友聚会,茶余饭后是传统的吐槽节目。有两个故事,引...
    拆书帮阅读 421评论 0 1