iOS开发日志:多屏幕适配

来源:互联网 发布:搜款网广州网络批发1 编辑:程序博客网 时间:2024/06/06 04:44

iOS现在已经进入杂屏时代,想想5年前的320*480跟320*568...

在iPhone6的年代,我们多数的适配方案是简单的缩放,然而现在已经进入齐刘海时代,这种方案已经不适合了,我们不得不使用别的适配方案,这里简单理一下自动布局+trait variations(size class)。

自动布局这里就不提了,习惯于用storyboard布局的同学们肯定对它不陌生。笔者目前用的Xcode9+,为了支持iOS8,所以关闭safe area。

trait variations是size class的升级版,在Xcode8开始的,被要求适配齐刘海的同学肯定已经是Xcode9+了,所以我们就用trait variations称呼这种技术。

苹果为我们创造了一个概念,即Regular/Compact/Any,从字面上理解为:标准/紧缩/任何。

这个概念有点让人摸不到头脑,简单点说,苹果认为1024*768为iOS设备的标准屏幕比例,目前iPad都是这种比例,所以任何iPad,无论横竖屏,都是标准宽高,即wR hR。

iPhone设备在竖屏情况下,一般成年人都可以一只手横向握住,我们可以认为苹果得地为了让我们能这样握住,而对宽度由标准宽度进行了紧缩,所以目前所有iPhone竖屏都是wC hR。

iPhone横屏情况下就有区别了,iPhone从6代开始有了Plus版本,也就是大屏版本,我们可以理解大屏版本的iPhone在横屏情况下,一般人的手无法很舒服的横向握住,所以所有Plus版本的iPhone在横屏下是都是wR hC,竖屏下都是wC hR,非Plus版本横屏都是wC hC。

当然,如果有的妖孽手足够大,12.9 inch的iPad pro横屏你都能轻松地一只手横向握住惊恐,就不要用我上面说的方法来区分这个概念了...


理解了这个概念之后,我们就可以根据设计师的要求选择每个view在哪种分类下被装载,像这样:

这个View只有在wR hC下才会被装载,也就是Plus版iPhone横屏下才会显示。

我们也可以为不同分类设置不同的字体,颜色等属性:


  非Plus版iPhone的横竖屏Plus版iPhone横屏iPad


原创粉丝点击