HarmonyOSNEXT之像素单位

import { display } from '@kit.ArkUI'

@Entry
@Component
struct PXVPFPLPXCase {
  aboutToAppear(): void {
    // 获取屏幕的尺寸px（预览器不生效）
    // display.getDefaultDisplaySync().width
  }

  build() {
    Column() {
      // 1.px像素
      Row()// .width('300px')
        .width(px2vp(416))
        .height('100px')
        .backgroundColor(Color.Blue)
      // 2.vp虚拟像素  1vp 约= 3px(标准)
      // 转化方法 px2vp(会这一个就够了)  vp2px
      Row()
        .width(360)
        .height('100vp')
        .backgroundColor(Color.Green)
      // 文字大小默认16(fp会跟随系统字体大小变化)
      // 1vp = 1fp
      Text('老潘')
        .fontSize('50fp')
      //   5.0.3.600(有bug)
      //   vp px fp
      //   lpx(默认720) 适配（华为设备默认360设计稿），只适合手机端对手机端适配，不适合多端适配
      //   其他端的标准：375
      Row()
        .width('309lpx')
        .height('50lpx')
        .backgroundColor(Color.Red)
        .borderRadius('50lpx')
    }
    .height('100%')
    .width('100%')
  }
}
//总结
//1.vp
//2.vp和px转化
//3.lpx的使用

还需在src\main\resources\base\profile\main_pages.json中修改，设计稿写多少这里改多少

"window": {
    "designWidth": 375
}