更新升级 专属应用 系统故障 硬件故障 电脑汽车 鸿蒙刷机 鸿蒙开发Linux教程 鸿蒙开发Linux命令
当前位置:HMXT之家 > 应用开发 > 在HarmonyOS鸿蒙开发中,vp、fp、px的区别和使用示例

在HarmonyOS鸿蒙开发中,vp、fp、px的区别和使用示例

更新时间:2022-05-22 09:18:31浏览次数:91+次

以下介绍在HarmonyOS鸿蒙开发中,vp、fp、px的区别和使用方法示例。当前只要涉及到单位使用会用到vp、fp和px,其中距离使用vp(virtual pixel),字体大小使用fp(font pixel),它们的概念及使用方法如下。

vp、fp、px的介绍,从中可以知道区别

1、虚拟像素单位:vp (virtual pixel)

以屏幕相对像素为单位,是一台设备针对应用而言所具有的虚拟尺寸(区别于屏幕硬件本身的像素单位)。它提供了一种灵活的方式来适应不同屏幕密度的显示效果,使用虚拟像素,使元素在不同密度的设备上具有一致的视觉体量。

2、字体像素单位:fp (font pixel)

字体像素(font pixel)大小默认情况下与vp相同,即默认情况下1 fp = 1vp。如果用户在设置中选择了更大的字体,字体的实际显示大小就会在vp的基础上乘以scale系数,即1 fp = 1 vp * scale。

3、屏幕像素单位:px (pixel)

屏幕上的实际像素, 1px代表手机屏幕上的一个像素点,如果这个不怎么好理解,看下常见的手机比如:1080×1920这个数值的单位都是px,由于px在不同手机上的大小不同,差别较大,适配性太差,不建议使用,所以无论是Android还是HarmonyOS无论写距离大小换是字体大小,都不建议使用px。

常见使用示例

\

 <Text

     ohos:id="$+id:tv_search"

     ohos:height="match_parent"

     ohos:width="match_content"

     ohos:left_margin="20vp"

     ohos:right_margin="10vp"

     ohos:text="搜索"

     ohos:text_color="#ffffff"

     ohos:text_size="16fp"/>

附:HarmonyOS与Android相对比:

fp用于设置文字的大小,类似Android sp。

vp用来设置控件的大小,类似Android dp。