IOS

关注公众号 jb51net

关闭
首页 > 软件编程 > IOS > Xcode 9适配iPhoneX导致iOS 10不兼容问题

Xcode 9下适配iPhoneX导致iOS 10不兼容问题的解决方法

作者:颐和园

这篇文章主要给大家介绍了关于Xcode 9下适配iPhoneX导致iOS 10不兼容问题的解决方法,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。

前言

前久发现测试组提交来一个 bug,说有的布局在 iOS 11 上正常,在 iOS 10 下不正常。分别在 iOS 11 模拟器和 iOS 10.3 模拟器上跑了一下 app,发现果然如此,如下图所示:

iOS 11 下点击“省市广播站”,下级菜单中的按钮正常显示:

iOS 10 下点击“省市广播站”,下级菜单显示为空白:

解决方法

检查代码,发现下级菜单中的按钮是以手动布局方式动态添加到一个 scroll view 中的。添加时指定了按钮的框架,框架计算完全正常,按钮已经添加在 scroll view 的 subviews 中了(可以在 LLDB 中用 po 命令确认 )。同时在打印 subviews 的过程中发现,这些按钮的 frame 并未被改变,仍然是 initWithFrame 时设定的值,但在 iOS 10.3 下就是不显示,用视图调试器也看不到。

百思不得其解。后来联想到 Xcode 9 为了适配 iPhoneX 曾经对自动布局约束进行了一些改变,比如“安全区”的概念,于是怀疑是新的 iOS SDK 对 ScrollView 的某些布局属性进行了修改。

通过将两种模拟器下的 scroll view 属性进行打印后发现,在 iOS 10/11 下,scroll view 的 contentInset 属性是有所区别的。

在 iOS 11 中,contentInset 的值是 (0,0,0,0),而在 iOS 10 中却变成了 (64,0,0,0)。

于是尝试在代码中加入了一句:

if ([UIDevice currentDevice].systemVersion.floatValue < 11.0) {
  _scrollBar.contentInset = UIEdgeInsetsZero;
 }

发现在 iOS 10 下菜单居然显示了!

这种方式虽然在一定程度上解决了问题,但并不彻底,在测试中发现,iOS 10 下的布局问题偶尔还是会出现(特别是 view controller 第一次加载时)。因为二级菜单需要进行一个网络加载,这个加载的速度有可能快、有可能慢,那么当第一次页面显示完成之后,有可能二级菜单已经显示完了,自动布局引擎还没有完成计算,它有可能再次修改 scroll view 的 contentInset 值,从在页面第一次加载时,菜单显示不出来。

要解决这个问题,必须思考其它方式。比如 UIScrollViewDelegate 协议。

首先将 view controller 声明为实现 UIScrollViewDelegate:

<UIScrollViewDelegate>

设置 scroll view 的 delegate 委托:

_scrollBar.delegate = self;

然后实现 scrollViewDidScroll 委托方法:

// MARK: - UIScrollViewDelegate
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
 if (scrollView == _scrollBar && scrollView.contentOffset.y != 0){
  _scrollBar.contentInset = UIEdgeInsetsZero;
 }
}

运行 app,这次问题得到了完美解决。

注意:所有 UIScrollView 子类都有此问题。如果你是用 IB 进行布局,则在使用 Align to Edges 时,需要注意将四边对齐于 superview,而不是默认的 Safe Area,否则就会出现此问题。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

您可能感兴趣的文章:
阅读全文