前言

前久发现测试组提交来一个 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，否则就会出现此问题。

总结

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