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

发布了346 篇原创文章 · 获赞 647 · 访问量 491万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览