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

一:非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属性即可

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容