iOS系统导航栏引起的位置、颜色一系列问题

热门标签

,

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

引言:小编的手上有个导航栏是用系统的导航栏做的项目,最近由于系统的导航栏爆出了一系列的问题,在使用系统导航栏的时候这些问题大家应该也会遇到,所以在这里将问题和解决方案提出,供大家参考。

问题情形:
一:给导航栏设置颜色发现与自己设置的颜色有差别
二:设置界面被导航栏挡住了一部分

三:在iphone全面屏上使用导航栏跳转到下个界面时,底部会先黑一下然后再显示自己设置的界面

iOS系统导航栏引起的位置、颜色一系列问题
12312313.jpeg

四:在iOS12系统以上的iPhone上,使用导航栏返回到上个界面时,标签栏的图标位置会偏右上然后再移动到原始的位置

iOS系统导航栏引起的位置、颜色一系列问题
123123.jpeg

问题解决:
一:颜色有差别是因为系统导航栏默认有一层蒙层
解决办法:
1.添加下面这句就能解决问题

[[UINavigationBar appearance] setTranslucent:NO];

2.有些人说使用下面这句也能解决问题

self.navigationController.navigationBar.translucent = NO;

这句看起来貌似和上句设置的属性是同一个,其实还是有差别的
差别一:两句生效的时机不同,在控制器中添加了[[UINavigationBar appearance] setTranslucent:NO];会发现导航栏颜色没有问题了,但是添加了self.navigationController.navigationBar.translucent = NO;却发现颜色跟没设置这个属性时一样,还是有问题,好像这句代码并没有生效一样。
是的,确实是这句代码没生效。具体原因小编也没搞懂,希望大神们能解惑。小编猜测可能是这句代码写在- (void)viewDidLoad 这个方法时导航栏还没初始化,所以导致这句代码没生效。
解决方案:
在视图将要出现是设置这个属性就能生效。使用这个方法的一定要注意了,是在视图将要出现的时候添加这个方法!

- (void)viewWillAppear:(BOOL)animated
{
    self.navigationController.navigationBar.translucent = NO;
}

差别二:
self.navigationController.navigationBar.translucent = NO;能解决导航栏透明问题。
[[UINavigationBar appearance] setTranslucent:NO];不能解决导航栏透明问题
因为透明会导致下面的这个问题

二:界面被导航栏挡住了一部分是因为导航栏透明属性导致的
第一个问题在解决颜色问题时用到了self.navigationController.navigationBar.translucent = NO;
这个属性除了能解决颜色问题还能解决导航栏遮挡问题。
系统默认这个属性为YES,导航栏为透明。当导航栏为透明时,controller中self.view的原点是从导航栏左上角开始计算,所以当在设置控件的位置不注意时就会造成被导航栏遮挡一部分。
当设为NO时,导航栏为不透明,controller中self.view的原点是从导航栏左下角开始计算。所以当发现被遮挡时,设置这个属性为NO就能解决被遮挡问题。

三:在iOS11以后出现了全面屏,苹果增加了安全区域概念,在iOS11以上的版本中的tabview和webview都需要设置下面个属性否则会出现这个问题

if (@available(iOS 11.0, *)) {
        self.webView.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
        //self.tabview.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
    }

四:在iOS12以上出现这个问题,是因为使用系统导航栏默认的返回导致的。当自己使用[self.navigationController popViewControllerAnimated:NO];返回时不会出现这种情况。所以解决方案是,不使用系统导航栏的返回,但需要返回时自己使用[self.navigationController popViewControllerAnimated:NO];返回。
解决方案:
1.导航栏上的返回按钮不使用系统的,自己添加按钮,在返回按钮的点击事件里使用[self.navigationController popViewControllerAnimated:NO];返回上个界面
2.如果使用系统的返回可以先拦截系统的返回事件,然后再重写返回方法,使用[self.navigationController popViewControllerAnimated:NO];返回。
下载UIViewController+BackButtonHandler将UIViewController+BackButtonHandler.h和.m文件放到项目中,导入#import "UIViewController+BackButtonHandler.h"添加下面这个方法

// 截取系统返回事件
- (BOOL)navigationShouldPopOnBackButton{
    [self.navigationController popViewControllerAnimated:NO];
    return NO;
}

这个方法是拦截系统的返回事件,并使用[self.navigationController popViewControllerAnimated:NO];返回。NO是不允许系统返回,YES是允许系统返回。

 

标签:

未经允许不得转载:作者:SheaYang, 转载或复制请以 超链接形式 并注明出处 技术Dog|博客
原文地址:《iOS系统导航栏引起的位置、颜色一系列问题》 发布于2019-10-29

分享到:
赞(0)

评论 抢沙发

3 + 4 =


iOS系统导航栏引起的位置、颜色一系列问题

长按图片转发给朋友

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录