鸿蒙Next如何处理相机在全屏预览的时候，画面会有变形和拉伸的问题？原创

言程序plus

发布于 2025-2-20 16:11

1.8w浏览

0收藏

问题描述：鸿蒙Next如何处理相机在全屏预览的时候，画面会有变形和拉伸的问题？

问题分析：

如果你在相机开发的时候，设置的预览画面是全屏的尺寸：meta60 2760/1260=2.19, 预览用的相机尺寸是1920/1080=1.777 那么这个预览画面1.77投在xcomponent2.19比例上，必然会拉伸变形；

所以要全屏预览还要不变形：需要先获取手机的宽高比,用手机的屏幕的height/width去和相机底层支持的预览尺寸的 width/height 去取最贴近的值

也就是cameraOutputCapability.previewProfiles的分辨率列表中选择2336/1080 = 2.16 这套参数，两个比值只相差 0.03 最合适

解决方案

封装方法

 //查找【相机全屏预览宽高】最接近的手机默认分辨率
  findClosestNumber(cameraOutputCapability:camera.CameraOutputCapability,profileType:string):camera.Profile|undefined {
     let profileArr=cameraOutputCapability.previewProfiles;    //预览的分辨率
     if(profileType=='PhotoProfile'){
         profileArr = cameraOutputCapability.photoProfiles;   //相机支持的分辨率列表
      }
      let screenWidth=display.getDefaultDisplaySync().width
      let screenHeight=display.getDefaultDisplaySync().height
      let target:number=0;
      if(profileArr.length < 1) {
        return undefined;
      }
      if(screenWidth&&screenHeight){
          target=screenHeight/screenWidth       //全屏幕宽高比例
       }
      let closest = profileArr[0]; // 初始化最接近的数为数组的第一个元素
      let smallestDifference = Math.abs(profileArr[0].size.width/profileArr[0].size.height - target); // 初始化最小差值为第一个元素与目标值的差值
        for (let i = 1; i < profileArr.length; i++) {
        if(profileArr[i].size.width>=1080){  //避免小分辨率的比例算出来的数据也相临近，只计算分辨率大于1080的
          let currentDifference = Math.abs(profileArr[i].size.width/profileArr[i].size.height - target);
          if (currentDifference <= smallestDifference) {
            smallestDifference = currentDifference;
            closest = profileArr[i];
          }
        }
      }
      return closest;  //返回全屏时候最佳的分辨率

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.