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

本文介绍了在页面设计中,如何使用虚拟像素(VP)适应不同屏幕密度,以及字体像素(FP)作为更精确的单位。在鸿蒙开发中,由于一开多端的特性,推荐避免使用屏幕像素(PX)进行尺寸计算,以提高适配性,转而采用VP和FP单位。
摘要由CSDN通过智能技术生成

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

VP(Virtual Pixel):虚拟像素,是一种相对于应用而言的虚拟尺寸单位。它提供了一种灵活的方式来适应不同屏幕密度的显示效果,使元素在不同密度的设备上具有一致的视觉体量。虚拟像素主要用于宽度和高度的计算。
FP(Font Pixel):字体像素,是字体大小单位。在默认情况下,字体像素的大小与虚拟像素相同,即1 FP = 1 VP。开发者可以在设置中修改字体显示大小,此时字体像素的实际显示大小会在虚拟像素的基础上乘以一个比例系数。字体像素主要用于字体大小的计算。
PX(Pixel):屏幕像素,是实际像素单位,用于表示屏幕上的像素点。1px代表手机屏幕上的一个像素点,常见的手机比如1080×1920 这个数值的单位都是px,由于px在不同手机上的大小不同,差别较大,适配性太差,不建议使用。

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

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cdblh

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值