更新时间: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。
相关资讯