iPhone X的适配相信大家都已经做了,而由于代码风格的迥异,适配方案也是很多。今天小编就根据经验来做一个总结,列举出一个最优雅的方法来。
什么是最优雅的适配方法!?答案:苹果系统提供的方法就是最优雅的。废话不多说,直接上干货。
先来说说iPhone X与之前所有手机的不同之处。以下是小编列出来的iPhone X与其余手机的比较:
1>iPhone X 的默认系统是 iOS 11.0 以上,不存在11.0以前的系统。
2>iPhone X 的 statusBar 与 tabbar 的默认高度与之前的手机不一样,其中 stabusBar 的高度由之前的20.0变成44.0,tabbar 的高度从之前的49.0变成88.0。
这两点就是iPhone X与其余手机的区别。既然区别已经知道了,那就根据这两点来做适配,错了,是优雅的适配。
iPhone X 的默认系统是 iOS 11.0以上,那么根据iPhone X的适配更多是适配iOS 11.0
不少老程序员应该都经历过从iOS6到iOS7过渡的那段恐怖的时期,除了风格从拟物化到平面化的过渡,更重要的是UIViewController的view的坐标系改变了,为此,苹果增加了一个新的方法automaticallyAdjustsScrollViewInsets,这是解决iOS系统从6到7因为坐标系改变做适配的最优雅的方法。
不过,automaticallyAdjustsScrollViewInsets并不是要说的重点,因为automaticallyAdjustsScrollViewInsets已经在iOS11.0废弃了,所以在适配iOS11.0以及iPhone X的时候这个方法用不到,不是重点,关键是接下来的方法。
重点来了:
在automaticallyAdjustsScrollViewInsets出来的同时,iOS还提供了另外两个适配方法那就是UIViewController的topLayoutGuide以及bottomLayoutGuide,只是使用这个方法的前提是摒弃frame的概念,而是用约束layout的思想。
详细情况需要读者们去阅读官方文档,接下来我将简单列举两个例子来说明topLayoutGuide以及bottomLayoutGuide的使用。
运行以上的代码块实现的效果如下:
现象解析:当前代码的架构是window的rootViewController是一个UITabbarController,UITabbarController控制一个UINavigationController,UINavigationController控制图中的绿色的UIViewController。这个样子的话,绿色背景的UIViewController的frame.origin是从UINavigationBar所覆盖的下面,也就是屏幕的左上角。同样,屏幕的高度也就是屏幕的高度。所以像代码块1那些写的话自然就会出现代码块1运行效果。
可是像代码块1运行效果的的UI是不会获得任何产品以及用户的喜欢的,一般情况下是如下效果:
如果这个样子的话,那么就会有很多人说:好办,直接让约束的offset设为64.0或者49.0就可以了。我只能说这样写太low了,如果出现像iPhone X这样在尺寸上大改变的话,难道在再重新适配?放心,苹果自然给出了最优雅的解决方案,那就是使用上面所说的topLayoutGuide以及bottomLayoutGuide,代码块如下:
Masnory里面的源码如下:
不过值得注意的是automaticallyAdjustsScrollViewInsets以及topLayoutGuide与bottomLayoutGuide在iOS11.0已摒弃,因此这种情况只适用范围的集合是[iOS7.0——iOS11.0),不过在iOS11.0以后使用好像也没事,但是保险起见,还是使用iOS11.0提供了更好可替代的方法,那就是:
1.iOS11.0以前的UIViewController的automaticallyAdjustsScrollViewInsets替换成UIScrollView的contentInsetAdjustmentBehavior
2.iOS11.0以前的topLayoutGuide与bottomLayoutGuide替换成UIView的safeAreaLayoutGuide,
UIScrollView的contentInsetAdjustmentBehavior跟UIViewController的automaticallyAdjustsScrollViewInsets相对来说比较简单,不提,只需要简单看一下官方文档就可以使用了,关键是看UIView的safeAreaLayoutGuide,这个等同于上文提到的topLayoutGuide与bottomLayoutGuide。
废话不多说,如果在iOS11.0以后实现产品只需要做如下更改就可以了:
图9的代码块实现了iOS11.0之后以及之前的适配,运行效果跟图4一模一样。
那么图9的代码运行在iPhone X上是什么效果呢?如图10:
从图10的运行效果来看:使用了UIView的safeAreaLayoutGuide的方法不仅完全是赔了iOS11.0还完美适配了iPhone X,所以在小编看来只需要使用iOS11.0以后提供的UIView的safeAreaLayoutGuide方法就解决了iPhone X的绝大部分适配。这是小编认为适配iPhone X最优雅的解决办法。
题外话:怎么才算是最优雅的解决办法呢?苹果推荐的方案就是最优雅的,同意的点赞与关注。记住:写代码要优雅,不要污。