【HM】ArkUI设计时,px/vp/fp 三者单位的区别

与辉鸿蒙
发布于 2024-11-9 18:12
浏览
0收藏

页面设计时常见尺寸问题,解析如下:

VP(Virtual Pixel):虚拟像素,是一种相对于应用而言的虚拟尺寸单位。它提供了一种灵活的方式来适应不同屏幕密度的显示效果,使元素在不同密度的设备上具有一致的视觉体量。虚拟像素主要用于宽度和高度的计算。

FP(Font Pixel):字体像素,是字体大小单位。在默认情况下,字体像素的大小与虚拟像素相同,即1 FP = 1 VP。开发者可以在设置中修改字体显示大小,此时字体像素的实际显示大小会在虚拟像素的基础上乘以一个比例系数。字体像素主要用于字体大小的计算。

PX(Pixel):屏幕像素,是实际像素单位,用于表示屏幕上的像素点。1px代表手机屏幕上的一个像素点,常见的手机比如1080×1920 这个数值的单位都是px,由于px在不同手机上的大小不同,差别较大,适配性太差,不建议使用。

在鸿蒙开发中,鸿蒙应用是支持一开多端,适配多设备端显示,不建议使用屏幕像素单位进行宽度和高度的计算,因为不同设备的屏幕像素密度不同,导致适配性较差。

所以建议元素尺寸使用vp单位,字体大小使用fp单位。

标签
收藏
回复
举报
回复
    相关推荐