1. px
- 物理像素,以像素个数来定义图像尺寸。
- 弊端是,在不同像素密度的屏幕上,相同的像素个数对应的物理尺寸是不同的。就会导致我们的应用在不同设备上显示的尺寸可能不同。如下图:
2. vp(Virtual Pixel)
- 虚拟像素是一种可根据屏幕像素密度灵活缩放的单位。可以保证一致的观感。
- 1vp 相当于像素密度为 160ppi 的屏幕上的 1px。
- 在不同的像素密度的屏幕上,HarmonyOS 会根据如下公式将虚拟像素换算为对应的物理像素。
px = p p i 160 × v p \frac{ppi}{160} \times vp 160ppi×vp1- 默认以 vp 作为单位。
3. fp(Font Pixel)
- 字体大小的单位。
- 与 vp 类似,具体大小也会随屏幕的像素密度变化而变化。
\times:表示数学符号中的 × ↩︎