屏幕适配的一些概念02

名称解释

• inch - 意为英寸.
• dots per inch (缩:dpi) - 意为每英寸的点数
• point (缩:pt) - 意为点. 1pt = 1/72 inch.

---

• pixel (缩:px) - 意为像素. 表示个数。
  如: 10px,代表10个像素点。
  在不同的设备分辨率的屏幕下，像素点显示的长度是不同得。
• pixels per inch (缩:ppi) - 意为每英寸的像素数,可以理解为像素密度.
  ppi 计算公式： ppi＝（横向像素数的平方＋纵向像素数的平方）开方/屏幕尺寸。
• diagonal - 意为屏幕的对角线, 对角线的长度决定屏幕尺寸

---

• Retina Display 意为视网膜显示屏,也就是ppi > 300的显示屏。
  人眼每英寸最对可以看到大约 300 个像素，多了就分辨不出来了，也就是 ppi 的值为 300，Retina Display 所表示的就是，ppi 大于 300 的显示屏。

---

分辨率

• points 意为坐标系统/逻辑分辨率 - 表示的是横纵向点(point)的个数。
  如: iPoneX的points为375*812, 含义是,左上角为坐标原点，横向为 375 个 point，纵向有 812 个 point.
• Physical Pixels 意为物理/设备分辨率 - 表示的是横纵向像素(pixel)个数。
  如: iPoneX设备分辨率为1125*2436像素.指的是在横向有 1125 个像素，纵向有 2436 个像素.
  • 相同的设备分辨率的情况下:
    尺寸越大，ppi 的值越小，显示就越粗糙。
    尺寸越小，ppi 的值越大，显示就越细腻。
• 设备分辨率和尺寸、ppi 有关。
  逻辑分辨率和尺寸、dpi 有关。

---

• Device Pixel Ratio(Scale) - 意为渲染比例
  如果 Scale 数值为 1，那么一个逻辑坐标点需要一个像素点进行渲染，(对应 ppi 和 dpi 数值都相同)。
  如果数值为 2，那么一个逻辑坐标点则需要两个像素点进行渲染。

Scale 渲染比例的作用

• iPone3G 和 iPone4(s) 手机屏幕尺寸相同(3.5英寸)
• 在iPone3G中画一英寸长度的线,需要163个像素(ppi = 163). 在iPone4(s)中,需要326个像素.
• 按道理,在iPone3G中一英寸长度的线,拿到iPone4(s)中显示,会比在iPone3G中显示的要小一半!
• 开发时因手机的设备分辨率的不同,而在设计页面布局时,需要针对每款手机的分辨率再次设置吗?(不需要)
• 开发时只需关心Points(逻辑分辨率). 苹果的Scale 渲染比例会帮做好剩下的事情. 如:
  一英寸长度的线在iPone3G中,渲染比例为1:1.最后长度1px.
  一英寸长度的线在iPone4G中,渲染比例为2:1.最后长度2px.

---

也可以看看

屏幕适配的一些概念01