美文网首页iOSotherSiOS开发(OC)
iPhone X 适配:自定义导航栏、 MJRefresh上拉加

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

作者: zheNgHH | 来源:发表于2018-02-28 11:45 被阅读772次

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

图1 图2

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

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

图3 图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:

图5

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

图6

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

通过设置:

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

即可解决

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

相关文章

网友评论

  • Mars_pananting:很棒,解决了我的疑惑,谢谢。不过这网上水贴真多
  • Xavier_Lost:第二个问题中这样设置刷新控件不会被挡住吗?
    爱恨的潮汐:@略_0727 赐教了,谢谢,用你这方法比楼主的好多了
    Xavier_Lost:@奔跑的a蜗牛 我需要这么写,才不会遮住
    self.tableView.contentInset= UIEdgeInsetsMake(-20, 0, 0, 0);
    self.tableView.mj_header.mj_h = 54.f + 44.f;
    self.tableView.mj_header.ignoredScrollViewContentInsetTop = -20.f;
    zheNgHH:@略_0727 ignoredScrollViewContentInsetTop属性即可
  • 神一样的男人卫:楼主为啥我写你这句话_tableView.mj_footer.ignoredScrollViewContentInsetBottom = iPhoneX ? 34 : 0;会报错
    神一样的男人卫:报tableview没有这个mj_footer灯属性
    zheNgHH:@神一样的男人卫 报什么错
    神一样的男人卫:然后我tableview是懒加载的实现出来的
  • 神一样的男人卫:请问楼主你这iPhone X是等于什么?
    神一样的男人卫:@奔跑的a蜗牛 谢谢楼主!
    zheNgHH:@神一样的男人卫
    // 判断是否为iPhone X
    #define iPhoneX [[UIScreen mainScreen] bounds].size.width == 375.0f && [[UIScreen mainScreen] bounds].size.height == 812.0f

本文标题:iPhone X 适配:自定义导航栏、 MJRefresh上拉加

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