HarmonyOS 相机预览画面会如何保持正常画面比例
使用XComponent做相机预览画面，如何按照设计稿中的尺寸定义预览画面宽高同时还能保持预览画面的正常比例避免画面被拉伸。使用该代码做画面预览发现视频预览画面被拉伸了。
XComponent({
id: 'videoRecord',
type: 'surface',
controller: this.xComponentController
}).onLoad(() => {
this.xComponentController.setXComponentSurfaceSize({ surfaceWidth: 1280, surfaceHeight: 720 })
this.surfaceId = this.xComponentController.getXComponentSurfaceId()
this.startPreview()
}).height('60%')
.width('100%')后面加上了个纵横比属性：.aspectRatio(720 /1280)，预览画面比例正常了，但是预览画面尺寸又变了有没有什么解决办法同时兼顾预览画面比例与画面尺寸？
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
相机预览画面畸变 ,旋转手机，预览画面中同一个水杯高度忽高忽低，画面畸变。
1487浏览 • 0回复 待解决
相机预览,相机预览是启动相机后看见的画面，通常在拍照和录像前执行。
777浏览 • 1回复 待解决
HarmonyOS 摄像头预览画面方向错误
192浏览 • 1回复 待解决
Page里通过XComponent显示相机预览，应用切到后台再切到前台，相机预览画面变成黑色了
1450浏览 • 1回复 待解决
自定义界面扫码预览画面出现拉伸
1725浏览 • 1回复 待解决
鸿蒙应用开发什么时候能有布局预览画面
11749浏览 • 2回复 已解决
HarmonyOS转屏后视频画面90度显示
373浏览 • 1回复 待解决
HarmonyOS IJKPlayer是否支持变更XComponent组件渲染画面
295浏览 • 1回复 待解决
HarmonyOS 创建相机预览失败
371浏览 • 1回复 待解决
DevEco Studio无法登陆 一直这个画面
10313浏览 • 2回复 已解决
如何连续获取相机预览流数据
527浏览 • 1回复 待解决
HarmonyOS用picker选择图库中的视屏如何显示其第一针画面呢
204浏览 • 1回复 待解决
子窗口中嵌入web组件，web页面输入框拉起键盘后，web组件画面截断了
1799浏览 • 1回复 待解决
HarmonyOS camera预览退后台，不输出相机数据
264浏览 • 1回复 待解决
相机预览及切换摄像头
912浏览 • 1回复 待解决
HarmonyOS 如何按比例设置控件高度
351浏览 • 1回复 待解决
openharmoney相机预览流获取，且如何实时获取到预览流的byte数组
2305浏览 • 0回复 待解决
如何配置app启动图，app启动时默认显示的是白底中间icon的画面，是否有办法配置启动图
148浏览 • 1回复 待解决
使用XComponent组件显示相机的预览输出流时，如何获取相机的帧数据
2536浏览 • 1回复 待解决
应用在运行时出现卡顿或者画面不流畅的现象,如何去解决？
266浏览 • 1回复 待解决
相机实现预览和拍照，开发者通过调用HarmonyOS相机服务提供的接口可以开发相机应用
917浏览 • 1回复 待解决
三方相机预览demo开发
777浏览 • 1回复 待解决
HarmonyOS Camera kit 双路预览方案频繁开关相机底层崩溃
266浏览 • 1回复 待解决
自定义相机预览，切回后台再切换回来预览黑屏
1687浏览 • 1回复 待解决
预览流与录像输出流的分辨率的宽高比要保持一致，如示例代码中宽高比为720:1280 = 9:16，则需要预览流中的分辨率的宽高比也为9:16，如分辨率选择360:640，或540:960，或1080:1920，以此类推。
参考资料：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/camera-preview-V5?catalogVersion=V5
建议把
改为
为了将高度和宽度设置为目标比例（720/1280），具体的尺寸需要乘以相同的倍数。