其他分享
首页 > 其他分享> > 【快应用】px和vp单位换算

【快应用】px和vp单位换算

作者:互联网

【问题背景】

在快应用页面布局设计时,需要知道每个组件的样式及位置,这时就需要了解下长度单位及相互转换方法。

 

【解决方案】

px是长度单位像素,是显示屏中的一个个小方格。

vp(虚拟像素)

vp=(px*160)/PPI

屏幕像素点密度(Pixels Per Inch-PPI):对角线像素点个数/屏幕尺寸。即每英寸中有多少个像素点。

代表的分辨率

屏幕密度

换算(px/vp)

240*320

120

1vp=0.75px

320*480

160

1vp=1px

480*800

240

1vp=1.5px

720*1280

320

1vp=2px

1920*1280

480

1vp=3px

例如

当分辨率为1080*2340时,该分辨率与1920*1080相近,可以按三倍来粗略估计,将200px转换成67vp,显示出的结果并无太大影响。但如果想要精确,就需要用上面的公式计算了。因为是粗略计算,故可能不是很准,但是像素丢失或多出几个并没有太大影响。

 

欲了解更多更全技术文章,欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh

标签:px,vp,320,换算,1vp,像素点,480
来源: https://www.cnblogs.com/developer-huawei/p/16472739.html