iPhone X 适配:自定义导航栏、 MJRefresh上拉加载适配

一:非X机型显示正常如图1的自定义导航栏,在iPhone X中,自定义导航栏出现如下图2所示的显示问题


iPhone X 适配:自定义导航栏、 MJRefresh上拉加载适配_第1张图片
图1
iPhone X 适配:自定义导航栏、 MJRefresh上拉加载适配_第2张图片
图2

首先自定义导航栏高度应该由64改为88,然后导航栏中控件的垂直位置设置为make.centerY.mas_equalTo(0).offset(iPhoneX ? 22 : 10);


二:带背景颜色自定义bar,此处橙色区域为tableView的头部,通过设置contentInset使其改变了状态栏的颜色,图3为有问题的iPhone X,图4为正常显示地其他机型

iPhone X 适配:自定义导航栏、 MJRefresh上拉加载适配_第3张图片
图3
iPhone X 适配:自定义导航栏、 MJRefresh上拉加载适配_第4张图片
图4

当在iPhone X中显示不正常是由于statusbar的高度增加了24,如下设置

if (IOS_SYSTEM_VERSION>=11) {

            _mineTableview.contentInset = UIEdgeInsetsMake(iPhoneX ? -44 : -20, 0, 100, 0);

        }else{

            _mineTableview.contentInset = UIEdgeInsetsMake(0, 0, 100, 0);

        }

iPhone X正常显示如下图5:

iPhone X 适配:自定义导航栏、 MJRefresh上拉加载适配_第5张图片
图5

三:iPhone X中 MJRefresh的上拉加载更多遇到的问题如图6

iPhone X 适配:自定义导航栏、 MJRefresh上拉加载适配_第6张图片
图6

当tableView的底部与屏幕最下部对齐时,由于scrollview自动适应安全区域,tableview的内边距下端变成了34,所以加载脚部图出现了。

通过设置:

_tableView.mj_footer.ignoredScrollViewContentInsetBottom = iPhoneX ? 34 : 0;

即可解决

同理,头部加载图显现的话,设置ignoredScrollViewContentInsetTop属性即可

你可能感兴趣的:(iPhone X 适配:自定义导航栏、 MJRefresh上拉加载适配)