iOS开发日志:多屏幕适配

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值