iOS 屏幕参数详解(包含 XR/XS/XSMax三款最新机型)及解惑

参数对照表

参数解读:

B.屏幕尺寸:手机对角线的尺寸,单位是英尺。

C.物理尺寸:手机的实际尺寸也叫像素分辨率,单位是 px。

D.屏幕密度ppi:对角线每英寸含有的像素(px)数目,即:ppi = (物理像素宽)与(物理像素高)的平方的和,开方后 除以 (屏幕尺寸); ppi越高,颗粒感越弱,分辨率越高。
注: dpi = (开发尺寸宽)与(开发尺寸高)的平方的和,开方后 除以 (屏幕尺寸)

E.开发尺寸:在开发过程中使用的尺寸,单位是 pt。

F.像素尺寸:通常在设计图中使用的尺寸,单位是 px。

G.scale/缩放因子:iOS的不同尺寸机型中,绘制图形均以point为单位,但不同的尺寸机型的分辨率(px)是不同的,即:1point=?px是随着屏幕尺寸的不同而变化的,为了标记这种变化关系scale/缩放因子应运而生。

---

-解惑环节

---

问1: 屏幕尺寸、物理分辨率、屏幕密度三者之间的关系?
答1: 物理分辨率一定,尺寸越小,屏幕密度越大,清晰度越高;

问2: @2x怎么来的?
答2: 将 ppi为163是的 scale 定为@1x(初始规定), 可以推导出 ppi = 326 时, scal= @2x;

问3: 按照问2 中的规则,ppi = 401 时, scale 应该为@2.46x ,为什么是@3x?
答3: @2.46x 这个奇葩的缩放因子不好切图计算, 所以苹果选取了@3x这个整数缩放因子,便于运算。系统会自动将@3x的倍率缩放到对应的真实倍率上面。

问4: 问3中的这种缩放有什么影响?
答4: 虽然会造成布局素材与实际的物理像素不能一一对应,显示质量上会有些许降低,但是由于ppi 很高,达到了400以上,所以,质量上的些许降低基本可以忽略不计。

问5: XR/XS/XSMax三款新发布机型,需要单独切图吗?
答5: 因为 XR/XS/XSMax 对应的ppi为 326/458/458 ,可以得出对应的 scal 为@2x/@3x/@3x , 这三套倍率在以前的机型里面已经包含, 所以不需要新增倍图。

END