关于IOS的屏幕适配（iPhone）——资源适配

2023-08-07 18:53:22

IOS的屏幕适配几乎不需要大量的代码操作，更多的时间我们只是动动鼠标选择一下就搞定。可以苹果在这方面做的还是比较人性的，解放了开发者。

首先来说说Iphone这几种屏（由于最近做的是iPhone APP还未涉及到iPad，将来涉及到iPad时会更新）

机型	资源分辨率	屏幕宽高，单位点	屏幕模式
iPhone 3gs	320X480	320X480	1X
iPhone 4s	640X960	320X480	2X
iPhone 5/5c/5s	640X1136	320X568	2X
iPhone 6	750X1334	375X667	2X
iPhone 6 plus	1242X2208	414X376	3X

当面对大中小三种屏幕需要适配的时候，很容易想到先做好一种屏幕，再去适配剩下两种屏幕。第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone 6（750px/375pt）作为基准，基于几个原因：

1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差不会太大。假设以414pt为基准做出很优雅的设计，到320pt可能元素之间比例就不是那么回事了，比如图片和文字之间视觉比例可能失调。

2、iPhone 6 plus有两种显示模式，标准模式分辨率为1242x2208，放大模式分辨率为1125x2001（即iPhone 6的1.5倍）。可见官方系统里iPhone 6和iPhone 6 plus分辨率之间就存在1.5倍的倍率关系。很多情况下这两种尺寸可以用1.5倍直接等比适配。

3、1242x2208这个奇葩的数值是苹果官方都不愿意公开宣传的一个分辨率，不便于记忆和计算栅格。640x1136虽然是广泛应用的一个分辨率，但是大屏时代依然以小尺寸为设计基准显然不合时宜，设计师会停留在小屏的视角做设计。

所以，iPhone6的750x1334是最适合基准尺寸。

选定基准尺寸后,为了不让750x1334分辨率的图片在iphone 6 plus上放大太多出现模糊的情况,我们采750x1334的1.5倍(1125x2001)作为设计尺寸.UI工程师在设计UI时,所有尺寸均为3的倍数,在程序需要设置图片大小时,用图片的像素除以3.即得到程序需要的点单位数.图片处理可以用prepo这个工具自动生成@2x @3x图片。

码农公寓

相关文章