讨论广场 问答详情
vp和fp的最佳实践
m0_64711099 2024-07-27 11:08:12
7 评论 分享
harmonyos

vp和fp的最佳实践   

7 评论 分享
写回答
全部评论(1)
1 楼

距离使用 vp (virtual pixel)
字体大小使用 fp (font pixel)
虚拟像素单位:vp (virtual pixel)
1.vp具体计算公式为:vp= px/(DPI/160)。
以屏幕相对像素为单位, 是一台设备针对应用而言所具有的虚拟尺寸(区别于屏幕硬件本身的像素单位)。它提供了一种灵活的方式来适应不同屏幕密度的显示效果,使用虚拟像素,使元素在不同密度的设备上具有一致的视觉体量。
2.字体像素单位:fp (font pixel)
字体像素(font pixel) 大小默认情况下与 vp 相同,即默认情况下 1 fp = 1vp。如果用户在设置中选择了更大的字体,字体的实际显示大小就会在 vp 的基础上乘以 scale 系数,即 1 fp = 1 vp * scale。

2024-07-27 11:08:35