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

作者: 星月之星歌 | 来源:发表于2016-10-14 17:09 被阅读372次

    项目中“我的”页面要求隐藏导航栏,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];
    
    });
    
    }
    

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

    相关文章

      网友评论

        本文标题:关于隐藏导航栏后的一些问题

        本文链接:https://www.haomeiwen.com/subject/awxnyttx.html