美文网首页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