【问题背景】
在快应用页面布局设计时,需要知道每个组件的样式及位置,这时就需要了解下长度单位及相互转换方法。
【解决方案】
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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。