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，否则就会出现此问题。

总结