鸿蒙: 像素单位(px,vp,fp,lpx)

官方文档:文档中心

1. px

屏幕物理像素单位.比如:电脑分辨率1920*1080, 宽就为1920px.高就为1080px.

Row() {
  Text('px').fontColor(Color.White).fontSize(20)
}.width('300px').height('300px').backgroundColor(Color.Blue).justifyContent(FlexAlign.Center)

 

2. vp

屏幕密度相关像素，根据屏幕像素密度转换为屏幕物理像素，当数值不带单位时，默认单位vp。

vp与px的比例与屏幕像素密度有关.也就是说1个物理像素里面包含的像素就是vp,可以称为真实像素,1px像素包含的真实像素越多,越清晰,这也是为什么有的相机像素明明不高却很清晰的原因.

 在编辑器中,1vp约等于3px.注意是约等于.在预览器下看不出,但在模拟器下就较清晰了

Row(){
  Text('vp').fontColor(Color.White).fontSize(20)
}.width(100).height(100).backgroundColor(Color.Green).justifyContent(FlexAlign.Center)