【快应用】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