【Harmony OS 4.0】像素单位 - px、vp、fp

1. px

1. 物理像素，以像素个数来定义图像尺寸。
2. 弊端是，在不同像素密度的屏幕上，相同的像素个数对应的物理尺寸是不同的。就会导致我们的应用在不同设备上显示的尺寸可能不同。如下图：
   

2. vp(Virtual Pixel)

1. 虚拟像素是一种可根据屏幕像素密度灵活缩放的单位。可以保证一致的观感。
2. 1vp 相当于像素密度为 160ppi 的屏幕上的 1px。
3. 在不同的像素密度的屏幕上，HarmonyOS 会根据如下公式将虚拟像素换算为对应的物理像素。
   px = $\frac{ppi}{160}\times vp$¹
4. 默认以 vp 作为单位。
   

3. fp(Font Pixel)

1. 字体大小的单位。
2. 与 vp 类似，具体大小也会随屏幕的像素密度变化而变化。

---

1. \times：表示数学符号中的 × ↩︎