HarmonyOS 鸿蒙Next XComponent宽高与自定义界面扫码接口中ViewControl宽高不一致导致预览画面拉伸

ViewControl中设置的宽高值需要与XComponent中设置的surface参数的宽高值保持一致。

例如：XComponent中width为1080(px)，height为1920(px)，则ViewControl宽度设置为1080，高度设置为1920。

// 设置XComponent:

XComponent({

// ...

})

.height('1920px')

.width('1080px')

// 设置viewControl:

let viewControl: customScan.ViewControl = { width: 1080, height: 1920, surfaceId: surfaceId }

​

同时XComponent中设置的宽度与高度比例需要与自定义界面扫码接口所在的父组件的宽度与高度比例相反，会消除画面拉伸现象。

例如：XComponent中width为533(vp)，height为300(vp)，则父组件的宽度设置为300(vp)，高度为533(vp)。